/* The fullscreen menu's language switcher (replaces the say-hello/socials
   block there — the socials remain in the footer, OD-47) plus the Arabic
   glyph coverage for the whole shell. Loaded from nav.html on every page,
   so it must stay tiny — and it is: the four subset faces total ~55 KB and
   download ONLY when Arabic glyphs actually render (unicode-range).

   THE COVERAGE TRICK. Rather than remapping families under html[lang=ar]
   (a cascade fight with the 183 KB shared sheet), Arabic-range faces are
   declared under the site's own family names. A browser fetches a face only
   when a glyph in its range is used, so:
     · EN/DE pages download ~2.5 KB once, for the menu's العربية label;
     · AR pages get Cairo body / Noto Kufi display everywhere Quicksand and
       Orbitron are asked for, with zero selector changes.
   Weight mapping: the site mostly varies weight via font-variation-settings
   (a no-op on these static instances), so ar.css promotes real font-weight
   on display classes instead.

   The menu ground is --color--dark-green (#040504), which is the ONE place
   #21f1a8 may carry text (PAGE-KIT §2.2 bans it on paper, not on ink). */

@font-face {
  font-family: Quicksand;
  src: url('/assets/fonts/Cairo-Regular.ar.v2.woff2') format('woff2');
  font-weight: 100 500;
  font-display: swap;
  unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF, U+200C-200F;
}
@font-face {
  font-family: Quicksand;
  src: url('/assets/fonts/Cairo-SemiBold.ar.v2.woff2') format('woff2');
  font-weight: 501 900;
  font-display: swap;
  unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF, U+200C-200F;
}
@font-face {
  font-family: 'Quicksand Label';
  src: url('/assets/fonts/Cairo-SemiBold.ar.v2.woff2') format('woff2');
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF, U+200C-200F;
}
/* The switcher's العربية label, everywhere (the unicode-range face above
   covers it in Chromium only when nothing earlier matches; this face wins
   deterministically). Same file as the AR tree's own SemiBold — one cache
   entry sitewide. */
@font-face {
  font-family: 'Lang Arabic';
  src: url('/assets/fonts/Cairo-SemiBold.ar.v2.woff2') format('woff2');
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: Orbitron;
  src: url('/assets/fonts/NotoKufiArabic-Bold.ar.v2.woff2') format('woff2');
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF, U+200C-200F;
}

.nav-lang-label { color: var(--color--green-off-white-2); }
.nav-lang-label .btn-text {
  font-variation-settings: "wdth" 86, "wght" 700;
  letter-spacing: .06em;
}
html[lang="ar"] .nav-lang-label .btn-text { letter-spacing: 0; }

.nav-lang-w .text-link-w[aria-current] { pointer-events: none; cursor: default; }
.nav-lang-w .is-lang-active .btn-text { color: var(--color--lime); }

.nav-lang-w .text-link-w:focus-visible {
  outline: 2px solid var(--color--lime);
  outline-offset: 3px;
  border-radius: .25rem;
}

.btn-text.is-lang-ar {
  font-family: 'Lang Arabic', 'Geeza Pro', 'Segoe UI', Tahoma, sans-serif;
  letter-spacing: 0;
}