/**
 * api-core/assets/css/archive-categories.css
 *
 * CSS per [api_core_archive_categories] — barra di navigazione tra archivi
 * (NEWS | BANDI | CORSI | PROGETTI | TUTTI), template FSE "Tutti gli archivi".
 *
 * Non replica il CSS Divi di produzione: dimensioni più contenute, colori
 * da preset WordPress con fallback ApiForm (stesso pattern di
 * category-wise-posts.css). Nessun riferimento a .category-bar legacy —
 * non disponibile in questo intervento (non incluso nel pacchetto file
 * fornito), quindi qui solo una ricostruzione visuale ragionevole, non un
 * confronto pixel-per-pixel.
 *
 * @since 2.4.19 (addendum 24/07/2026)
 */

.api-core-archive-categories {
	margin: 0 0 24px;
	padding-bottom: 8px;
	border-bottom: 1px solid var(--wp--preset--color--outline, #ddd);
}

.api-core-archive-categories__list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 8px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.api-core-archive-categories__list li {
	margin: 0;
}

/* ── Link — dimensioni compatte, target cliccabile adeguato ────────────── */
.api-core-archive-categories__link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-height: 40px;
	padding: 6px 14px;
	border: 1px solid transparent;
	color: var(--wp--preset--color--primary, #004080);
	font-size: 0.9375rem;
	font-weight: 500;
	text-decoration: none;
	white-space: nowrap;
	transition: background-color 0.2s, border-color 0.2s;
}

.api-core-archive-categories__link:hover {
	border-color: var(--wp--preset--color--primary, #004080);
}

/* ── Voce corrente — MAI solo colore: peso testo + bordo + background ──── */
.api-core-archive-categories__link.is-current {
	background: var(--wp--preset--color--primary, #004080);
	border-color: var(--wp--preset--color--primary, #004080);
	color: #fff;
	font-weight: 700;
}

/* ── Focus visibile — anche sulla voce corrente ─────────────────────────── */
.api-core-archive-categories__link:focus-visible {
	outline: 2px solid var(--wp--preset--color--primary, #004080);
	outline-offset: 2px;
}

.api-core-archive-categories__link.is-current:focus-visible {
	outline-color: var(--wp--preset--color--secondary, #003060);
}

/* ── Icona — decorativa, allineata al testo ─────────────────────────────── */
.api-core-archive-categories__icon {
	width: 18px;
	height: 18px;
	flex-shrink: 0;
}


/* ── Responsive ──────────────────────────────────────────────────────────
 *    Nessun breakpoint dedicato: il flex-wrap sul contenitore basta a
 *    evitare sovrapposizioni su schermi stretti (le voci vanno a capo
 *    invece di comprimersi o uscire dal contenitore).
 * ──────────────────────────────────────────────────────────────────── */

@media (max-width: 480px) {
	.api-core-archive-categories__link {
		padding: 6px 10px;
		font-size: 0.875rem;
	}
}