/* a11y.css — focus/skip-link */
:root { --focus: var(--accent, #2563eb); }
:where(a,button,[role="button"],.btn,input,select,textarea):focus-visible {
  outline: 2px solid var(--focus);
  outline-offset: 2px;
  border-radius: .375rem;
}
.skip-link {
  position: absolute; left: -9999px; top: auto; width: 1px; height: 1px; overflow: hidden;
}
.skip-link:focus {
  position: fixed; left: 1rem; top: 1rem; width: auto; height: auto; padding: .5rem .75rem;
  background: #fff; color: #000; border: 2px solid var(--focus); border-radius: .5rem; z-index: 9999;
}

/* Visually-hidden label, screen-reader only */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Focus ben visibile per tastiera */
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid currentColor;outline-offset:2px}
/* A11Y: lang switch (header+footer) – colori deterministici per axe/Lighthouse */
/* Footer pills: colore netto e leggibile */
.foot-copy nav.lang-switch a.pill{ background:#374151; color:#ffffff; } /* ~12:1 */
/* A11Y: lingua attiva in topbar = colore scuro per lingua + testo bianco */


/* Base neutra (resta invisibile su sfondo chiaro ma “misurabile” per Lighthouse) */
/* A11Y lingua (soft): niente rettangolo bianco visibile, ma contrasto misurabile */

/* Base: contrasto misurabile ma invisibile (niente padding = nessun “box” visibile) */

/* Link attivo: colora TUTTO il link, non solo lo span */
/* Sullo span attivo niente fondo bianco */

/* Hover/Focus (non attivo): tocco leggero */
.topbar nav.top-lang a.lang-item:not(.is-active):hover,
/* Lang pill – pulizia artefatti e contrasto AA */


/* Stato attivo/hover/focus – verde scuro AA con testo bianco */
/* Lang pill: mantieni il colore del tema, elimina le "righe" bianche */
.topbar nav.top-lang a.lang-item::before,
.topbar nav.top-lang a.lang-item .flag,
.topbar nav.top-lang a.lang-item .flag::before,
.topbar nav.top-lang a.lang-item .flag::after,
.topbar nav.top-lang a.lang-item .code::before,
/* Focus ring accessibile, sottile e coerente col tema */
/* Lang pill: mantieni il colore del tema, elimina solo effetti bianchi */
.topbar nav.top-lang a.lang-item .flag,
/* Pseudo-elementi dei sotto-elementi: non aggiungere sfondi */
.topbar nav.top-lang a.lang-item .flag::before,
.topbar nav.top-lang a.lang-item .flag::after,
.topbar nav.top-lang a.lang-item .code::before,
/* Focus ring accessibile ma discreto */