/**
 * archive.css — архив по дате (archive.php).
 *
 * Используется для year/month/day архивов.
 * Главные элементы из page.css (.page-hero, .page-hero-h и т.п.)
 * и общая .cards-grid (стиль в style.css).
 *
 * @package Akmo
 */


/* ============================================================
   ARCHIVE NAV — переключатели года и месяца
   ============================================================ */
.archive-nav {
	background: var(--paper);
	border-bottom: 1px solid var(--rule);
}
.archive-nav-inner {
	max-width: var(--maxw);
	margin: 0 auto;
	padding: 18px 48px;
	display: flex;
	align-items: center;
	gap: 18px;
	flex-wrap: wrap;
}
.archive-nav-label {
	font-family: var(--mono);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--ink-3);
}
.archive-nav-label--gap { margin-left: 12px; }

.archive-nav-btn {
	display: inline-flex;
	align-items: center;
	font-family: var(--mono);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.06em;
	color: var(--ink-2);
	padding: 7px 14px;
	border: 1px solid var(--rule);
	transition: all 0.15s;
	background: var(--paper);
	text-decoration: none;
}
.archive-nav-btn:hover,
.archive-nav-btn:focus-visible {
	border-color: var(--cat-active);
	color: var(--cat-active);
}
.archive-nav-btn.active {
	background: var(--ink);
	border-color: var(--ink);
	color: #FFFFFF;
	font-weight: 700;
}


/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 900px) {
	.archive-nav-inner { padding: 14px 20px; gap: 12px; }
	.archive-nav-btn { font-size: 11px; padding: 6px 10px; }
}