/* =====================================================================
   دیدبان — صفحه اصلی (بلوک ها)، سایدبار، ویجت ها، رفتارهای موبایل
   ===================================================================== */

/* ---------- بلوک خبر اصلی (hero) ---------- */
.didban-hero {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--space-4);
}

.didban-hero__side {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--space-4);
}

@media (min-width: 768px) {
	.didban-hero__side {
		grid-template-columns: 1fr 1fr;
	}
}

@media (min-width: 1025px) {
	.didban-hero {
		grid-template-columns: minmax(0, 2.05fr) minmax(0, 1fr);
		gap: var(--space-5);
	}

	.didban-hero__side {
		grid-template-columns: 1fr;
		align-content: start;
	}
}

/* ---------- چیدمان فید + سایدبار ---------- */
.didban-layout {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--space-6);
}

@media (min-width: 1025px) {
	.didban-layout {
		grid-template-columns: minmax(0, 1fr) 320px;
		gap: var(--space-7);
	}
}

.didban-layout--sidebar-left {
	grid-template-columns: 320px minmax(0, 1fr);
}

.didban-layout--full {
	grid-template-columns: 1fr;
}

.didban-layout--sidebar-left .didban-sidebar {
	order: -1;
}

@media (max-width: 1024px) {
	.didban-layout--sidebar-left {
		grid-template-columns: 1fr;
	}
}

/* ---------- سایدبار ---------- */
.didban-sidebar {
	display: flex;
	flex-direction: column;
	gap: var(--space-5);
	min-width: 0;
}

.didban-sidebar.is-sticky-wrap {
	position: sticky;
	top: 88px;
	align-self: start;
}

/* ویجت عمومی */
.didban-widget {
	background: var(--color-surface);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-md);
	padding: var(--space-5);
	min-width: 0;
}

.didban-widget .widget-title {
	font-size: var(--text-md);
	margin: 0 0 var(--space-4);
	padding-bottom: var(--space-3);
	border-bottom: 2px solid var(--color-primary-soft);
}

.didban-widget .widget-title a {
	color: var(--color-text);
}

/* پربازدیدها */
.didban-mostviewed {
	list-style: none;
	counter-reset: didban-rank;
	display: flex;
	flex-direction: column;
	gap: var(--space-3);
}

.didban-mostviewed .didban-card--compact {
	flex-direction: row;
}

/* ---------- بخش های تمام عرض صفحه اصلی ---------- */
.didban-section {
	padding-block: var(--space-6) 0;
}

.didban-section:first-of-type {
	padding-top: var(--space-5);
}

@media (min-width: 1025px) {
	.didban-section {
		padding-block: var(--space-8) 0;
	}
}

/* پربازدیدها (باند تمام عرض) */
.didban-mostviewed-band .didban-grid-compact {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--space-2);
}

@media (min-width: 768px) {
	.didban-mostviewed-band .didban-grid-compact {
		grid-template-columns: repeat(2, 1fr);
		gap: var(--space-3);
	}
}

@media (min-width: 1025px) {
	.didban-mostviewed-band .didban-grid-compact {
		grid-template-columns: repeat(3, 1fr);
	}

	.didban-mostviewed-band .didban-grid-compact .didban-card--compact:nth-child(n+4) {
		grid-column: span 1;
	}
}

/* ---------- اسکرولرهای افقی (ویدئو/گالری/موبایل) ---------- */
.didban-scroller {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: min(78vw, 320px);
	gap: var(--space-4);
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	padding-bottom: var(--space-2);
	scrollbar-width: none;
}

.didban-scroller::-webkit-scrollbar {
	display: none;
}

.didban-scroller > * {
	scroll-snap-align: start;
}

@media (min-width: 768px) {
	.didban-scroller {
		grid-auto-columns: minmax(280px, 1fr);
		grid-auto-flow: column;
	}
}

/* ردیف ویدئو: ۱ بزرگ + ۳ کوچک */
.didban-video-row {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--space-4);
}

@media (min-width: 1025px) {
	.didban-video-row {
		grid-template-columns: 2fr 1fr;
		align-items: start;
	}

	.didban-video-row__side {
		display: flex;
		flex-direction: column;
		gap: var(--space-2);
	}
}

/* مقالات کسب وکار */
.didban-business {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--space-4);
}

@media (min-width: 768px) {
	.didban-business {
		grid-template-columns: 1fr 1fr;
	}
}

@media (min-width: 1367px) {
	.didban-business {
		grid-template-columns: repeat(4, 1fr);
	}
}

.didban-card--business .didban-card__excerpt {
	-webkit-line-clamp: 3;
}

/* ---------- رفتارهای موبایل سایدبار ---------- */

/* حالت اسلایدر: ویجت ها کارت افقی می شوند */
.didban-sidebar--slider {
	display: block;
}

.didban-sidebar--slider .widget {
	margin-bottom: 0;
}

@media (max-width: 1024px) {
	.didban-sidebar--slider .widget {
		margin-block-end: var(--space-4);
	}

	.didban-sidebar--slider .didban-scroller-mode {
		display: grid;
		grid-auto-flow: column;
		grid-auto-columns: 78vw;
		overflow-x: auto;
		gap: var(--space-3);
	}
}

/* حالت جمع شونده: با <details> بومی — اینجا فقط ظاهر */
.didban-collapsible summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 48px;
	cursor: pointer;
	font-size: var(--text-md);
	font-weight: 700;
	list-style: none;
}

.didban-collapsible summary::-webkit-details-marker {
	display: none;
}

.didban-collapsible summary::after {
	content: '+';
	font-size: var(--text-xl);
	color: var(--color-text-muted);
	transition: transform var(--dur-base) var(--ease);
}

.didban-collapsible[open] summary::after {
	transform: rotate(45deg);
}

.didban-collapsible .widget-title {
	display: none;
}

/* بارگذاری بیشتر */
.didban-load-more {
	display: flex;
	justify-content: center;
	margin-top: var(--space-6);
}

.didban-load-more .didban-btn {
	min-width: 180px;
}

.didban-load-more.is-loading .didban-btn {
	opacity: 0.6;
	pointer-events: none;
}

/* نمایش تعداد نتیجه در سربرگ دسته */
.didban-archive-head {
	background: var(--color-surface);
	border-block: 1px solid var(--color-border);
	padding-block: var(--space-5);
	margin-bottom: var(--space-5);
}

.didban-archive-head__title {
	font-size: var(--text-2xl);
	margin: 0 0 var(--space-2);
}

.didban-archive-head__desc {
	color: var(--color-text-muted);
	font-size: var(--text-sm);
	margin: 0;
	max-width: var(--container-narrow);
}

.didban-archive-head__count {
	color: var(--color-accent);
	font-weight: 700;
}

/* خط عنوان سربرگ آرشیو: عنوان و نوار مرتب سازی در یک خط، توضیح زیر آن */
.didban-archive-head__titlebar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-2) var(--space-4);
	margin-bottom: var(--space-2);
}

.didban-archive-head__titlebar .didban-archive-head__title {
	margin: 0;
}

.didban-archive-head__aside {
	flex: 0 0 auto;
}

.didban-archive-head__aside .didban-search-filters {
	margin-block: 0;
}

@media (max-width: 600px) {
	.didban-archive-head__titlebar {
		flex-direction: column;
		align-items: stretch;
	}
}

/* نوار مرتب سازی */
.didban-sortbar {
	display: flex;
	gap: var(--space-2);
	margin-bottom: var(--space-4);
}