/* ==========================================================================
   LANGUAGE SWITCHER — Fase A i18n
   Componente minimo IT | EN, funzionante senza JavaScript (link statici),
   arricchito da js/i18n.js solo per aria-current dinamico. Usato su
   index.html: le altre pagine (schema colori --red/--white/--gray) hanno
   la propria versione inline nello <style> di ciascun file, per restare
   coerenti con il pattern già esistente in quelle pagine.
   ========================================================================== */

.lang-switcher {
  display: flex;
  align-items: center;
  gap: var(--space-1, 4px);
  font-family: var(--font-label, 'Barlow Condensed', sans-serif);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.lang-switcher__link {
  color: var(--color-foreground-muted, #9A9A90);
  text-decoration: none;
  padding: 2px 4px;
  transition: color 0.2s;
}

.lang-switcher__link:hover {
  color: var(--color-foreground, #F5F0E8);
}

.lang-switcher__link[aria-current="true"] {
  color: var(--color-brand-red, #CC1F1F);
}

.lang-switcher__sep {
  color: var(--color-divider, rgba(245, 240, 232, 0.2));
}

.mobile-menu .lang-switcher {
  font-size: 13px;
  padding: var(--space-3, 16px) 0;
}