/* ═══════════════════════════════════════════════════════════════════
   flag-emoji.css — bandiere Unicode leggibili su Windows
   Font: TwemojiCountryFlags (MIT, TalkJS/country-flag-emoji-polyfill)

   PERCHE': le bandiere non sono un carattere singolo ma coppie di
   "regional indicator" (IT = U+1F1EE U+1F1F9). Windows non include i
   glifi nel font di sistema e ripiega sulle due lettere. macOS, iOS e
   Android le mostrano nativamente.

   unicode-range limita il font AI SOLI regional indicator: ogni altro
   carattere ricade sul font successivo, quindi la tipografia delle
   pagine non cambia.
   ═══════════════════════════════════════════════════════════════════ */
@font-face {
  font-family: "Twemoji Country Flags";
  src: url("/assets/TwemojiCountryFlags.woff2") format("woff2");
  unicode-range: U+1F1E6-1F1FF;
  font-display: swap;
}

/* Il selettore lingua e' markup custom (createSwitcher in i18n.js), non una
   <select>: va incluso esplicitamente o le sue bandiere restano due lettere. */
select, optgroup, option,
#lang-switcher, #lang-switcher * {
  font-family: "Twemoji Country Flags", system-ui, -apple-system,
               "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}