/* ============================================================
   ES — PAESI BANDIERE
   Stilizza l'output di [es_paesi_bandiere]
   ============================================================
   WPCB → Add Snippet
     Nome:        ES — Paesi bandiere component
     Tipo:        CSS — External File
     Posizione:   Frontend Header
     Priorità:    20
     Condizioni:  nessuna
*/

.es-paesi-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}

.es-paesi-list__item {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
}

.es-paesi-list__flag {
	width: 24px;
	height: 16px;
	object-fit: cover;
	border-radius: 2px;
	flex-shrink: 0;
	display: block;
}

.es-paesi-list__name {
	font-size: 0.95rem;
	color: var(--stone-900);
	line-height: 1.2;
}

/* ── Variante CHIPS (default) ───────────────────────────── */

.es-paesi-list--chips .es-paesi-list__item {
	padding: 0.375rem 0.75rem 0.375rem 0.5rem;
	background: var(--stone-100);
	border-radius: 999px;
}

/* ── Variante FLAGS-ONLY (per hero / card compatte) ─────── */

.es-paesi-list--flags-only {
	gap: 0.375rem;
}

.es-paesi-list--flags-only .es-paesi-list__flag {
	width: 32px;
	height: 22px;
	border-radius: 3px;
}