/*
 * Page arabe du QR code Wi-Fi (07/10/2026, branche multilingue) : chargée
 * par cette seule page (`<html lang="ar" dir="rtl">`). Les feuilles communes
 * sont déjà en propriétés logiques (inline-start/end) : la mise en page se
 * retourne seule. Ici : les polices arabes devant (Noto Naskh Arabic pour les
 * titres, Noto Sans Arabic pour le texte, comme le livret voyageur), aucun
 * espacement de lettres (il casse la liaison cursive), et les icônes qui
 * indiquent une direction retournées. Numéros, codes Wi-Fi et heures restent
 * de gauche à droite (`<bdi dir="ltr">` / `dir="ltr"` dans le HTML).
 */
html[dir="rtl"] {
  --st-serif: "Noto Naskh Arabic", "Noto Serif", Georgia, serif;
  --st-sans: "Noto Sans Arabic", "Hanken Grotesk", system-ui, sans-serif;
}
html[dir="rtl"] body,
html[dir="rtl"] body * { letter-spacing: 0 !important; }
html[dir="rtl"] .st-icone-sens,
html[dir="rtl"] .fw-champ__icone:has(#champ-depart) .material-symbols-outlined { transform: scaleX(-1); }
/* Les titres en Naskh sont plus hauts que le Noto Serif latin : un peu d'air. */
html[dir="rtl"] .st-titre-display,
html[dir="rtl"] .st-titre-lg,
html[dir="rtl"] .st-titre-md,
html[dir="rtl"] .st-titre-sm { line-height: 1.5; }
/* La feuille A4 est réduite à l'écran par `transform-origin: top left`
   (fiche.css, feuille.css). En RTL, elle débordait de son cadre vers la
   gauche avant réduction : contenu hors écran et fiche imprimée décalée. Les
   deux cadres se mettent donc en page de gauche à droite ; la feuille garde
   son propre `dir="rtl"` pour son contenu. */
html[dir="rtl"] .fw-echelle,
html[dir="rtl"] .feuille-exemple { direction: ltr; }