@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Tifinagh:wght@400;700&display=swap');

/* Cairo (loaded site-wide in style.css) has no Tifinagh glyphs, so /tzm/
   pages need their own font stack layered on top. Latin text embedded in
   Tamazight content (party name, dates written in Latin, etc.) still falls
   back to Cairo for visual consistency with the rest of the site. */
body {
  font-family: 'Noto Sans Tifinagh', 'Cairo', sans-serif;
}

/* ── Nav: Tifinagh words run visually wider than AR/FR/EN at the same
   font-size, so the standard nav spacing wraps items onto two lines
   well before the mobile breakpoint (visible ~1150–1450px wide —
   common laptop widths). Tighten spacing/size and force one line
   all the way down to the mobile breakpoint instead. ── */
@media (min-width: 1101px) {
  .nav-wordmark { font-size: 0.86rem; max-width: 128px; }
  .nav-links { gap: 14px; }
  .nav-links > li > a { gap: 4px; white-space: nowrap; }
  .nav-links a { font-size: 0.76rem; letter-spacing: 0.01em; }
  .nav-cta { padding-inline: 14px; font-size: 0.74rem; white-space: nowrap; }
  .lang-switch { gap: 4px; }
  .lang-switch a { width: 34px; }
}