/**
 * Category archive (A2). Renders ad-category term archives (taxonomy-ad-category.php).
 * Depends on: tokens.css, components.css (grid, cat-chip, scroller, pagination).
 */

.ize-cat-archive {
	max-width: var(--ize-container);
	margin: 0 auto;
	padding: var(--ize-4) var(--ize-4) var(--ize-6);
}

/* ── Breadcrumb: shared component, now defined in components.css ──────────── */

/* ── Header ──────────────────────────────────────────────────────────────── */
.ize-cat-archive__head {
	padding: var(--ize-3) 0 var(--ize-4);
}
.ize-cat-archive__title {
	font-size: var(--ize-fs-xl);
	margin: 0 0 var(--ize-2);
}
.ize-cat-archive__meta {
	margin: 0;
	color: var(--ize-ink-3);
	font-size: var(--ize-fs-sm);
}

/* ── Subcategory rail ────────────────────────────────────────────────────── */
.ize-cat-archive__nav {
	margin-bottom: var(--ize-5);
}
/* Subcategory chips: wrap onto as many rows as needed so every subcategory is
 * visible. This intentionally overrides the .ize-scroller single-row scroll (whose
 * hidden scrollbar made overflowing chips look cut off on the right). The city
 * rail keeps the scroller behaviour; only this nav wraps. */
.ize-cat-archive__nav.ize-scroller {
	flex-wrap: wrap;
	overflow-x: visible;
}

/* ── Listings ────────────────────────────────────────────────────────────── */
.ize-cat-archive__empty {
	padding: var(--ize-6) 0;
}
