/* جهت ثابت (ltr) تا «راست/چپ» همیشه همان چیزی باشد که در تنظیمات انتخاب شده */
.kvss-layout {
	display: flex;
	align-items: flex-start;
	gap: var(--kvss-gap, 24px);
	width: 100%;
	direction: ltr;
}
.kvss-main {
	flex: 1 1 0;
	min-width: 0;
	order: 1;
	direction: var(--kvss-dir, rtl);
}
.kvss-side {
	flex: 0 0 var(--kvss-width, 300px);
	width: var(--kvss-width, 300px);
	min-width: 0;
	direction: var(--kvss-dir, rtl);
}
.kvss-pos-right > .kvss-side { order: 2; }
.kvss-pos-left > .kvss-side { order: 0; }

.kvss-side.kvss-sticky {
	position: sticky;
	top: var(--kvss-sticky-top, 90px);
	align-self: flex-start;
}

/* دکمه موبایل */
.kvss-toggle {
	display: block;
	width: 100%;
	margin: 0 0 12px;
	padding: 10px 14px;
	border: 1px solid var(--kvss-border, rgba(0, 0, 0, .12));
	border-radius: var(--kvss-radius, 16px);
	background: var(--kvss-bg, #fff);
	color: inherit;
	font: inherit;
	font-weight: 700;
	cursor: pointer;
}

/* سبک کارتی ساده (از تنظیمات قابل خاموش شدن است) */
.kvss-cards .kvss-inner > * {
	background: var(--kvss-bg, #fff);
	border: 1px solid var(--kvss-border, rgba(0, 0, 0, .08));
	border-radius: var(--kvss-radius, 16px);
	padding: var(--kvss-padding, 16px);
	margin: 0 0 16px;
	box-sizing: border-box;
}
.kvss-inner .kvss-title,
.kvss-inner .widget-title,
.kvss-inner .wp-block-heading {
	margin: 0 0 12px;
	font-size: 16px;
	font-weight: 700;
}
.kvss-inner ul {
	margin: 0;
	padding-inline-start: 18px;
}
.kvss-inner img { max-width: 100%; height: auto; }

/* آیتم‌هایی که جاوااسکریپت پنهان می‌کند (مثلاً زیردسته‌ها در فیلتر دسته‌ها) */
.kvss-hidden { display: none !important; }