/* =====================================================================
   دیدبان — آرشیو: گرید ستونی، صفحه بندی، جستجو، ۴۰۴
   ===================================================================== */

/* گرید آرشیو — ستون ها طبق تنظیمات (کلاس از قالب) */
.didban-archive-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--space-4);
}

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

@media (min-width: 1025px) {
	.didban-archive-grid--cols-1 { grid-template-columns: 1fr; }
	.didban-archive-grid--cols-2 { grid-template-columns: repeat(2, 1fr); }
	.didban-archive-grid--cols-3 { grid-template-columns: repeat(3, 1fr); }
	.didban-archive-grid--cols-4 { grid-template-columns: repeat(4, 1fr); }
}

/* صفحه بندی */
.didban-pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: var(--space-2);
	margin-block: var(--space-7) var(--space-5);
	flex-wrap: wrap;
}

.didban-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	min-height: 44px;
	padding-inline: var(--space-2);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-sm);
	background: var(--color-surface);
	color: var(--color-text);
	font-size: var(--text-sm);
	transition: all var(--dur-fast) var(--ease);
}

.didban-pagination .page-numbers:hover {
	border-color: var(--color-primary);
	color: var(--color-primary);
}

.didban-pagination .page-numbers.current {
	background: var(--color-primary);
	border-color: var(--color-primary);
	color: #fff;
	font-weight: 700;
}

.didban-pagination .page-numbers.dots {
	border: none;
	background: transparent;
}

/* صفحه جستجو/۴۰۴ */
.didban-nopage {
	text-align: center;
	padding-block: var(--space-9) var(--space-8);
}

.didban-nopage__code {
	font-size: var(--text-5xl);
	font-weight: 800;
	color: var(--color-primary-soft);
	line-height: 1;
	margin-bottom: var(--space-4);
	-webkit-text-stroke: 2px var(--color-primary);
}

.didban-nopage__title {
	font-size: var(--text-2xl);
	margin-bottom: var(--space-3);
}

.didban-nopage__text {
	color: var(--color-text-muted);
	max-width: 480px;
	margin-inline: auto;
	margin-bottom: var(--space-5);
}

.didban-search-form-inline {
	display: flex;
	gap: var(--space-2);
	max-width: 480px;
	margin-inline: auto;
}