/* =====================================================================
   WebApp — Surcharges RTL (arabe)
   Chargé uniquement quand dir="rtl". La plupart du flux utilise déjà
   des propriétés logiques (margin-inline, inset-inline) ; ce fichier
   corrige les cas restants.
   ===================================================================== */
[dir="rtl"] body { text-align: right; }

[dir="rtl"] .hero p { margin-inline: 0; }

[dir="rtl"] .btn .icon,
[dir="rtl"] .nav__link .icon { transform: scaleX(-1); }

/* Les flèches « en savoir plus » pointent vers la gauche en RTL */
[dir="rtl"] .arrow-link .icon { transform: scaleX(-1); }

[dir="rtl"] .prose ul { padding-inline-start: 1.4em; padding-inline-end: 0; }

/* Police adaptée à l'arabe (rapatriée localement par les scripts Python) */
[dir="rtl"] body,
[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3, [dir="rtl"] h4 {
    /* Cairo et Tajawal etaient en tete de pile. Ce sont des polices Google :
       aucune n'est installee, et rien ne les telecharge ici. Le navigateur
       tombait alors sur une police sans glyphes arabes dont le .notdef est
       dessine en point d'interrogation — d'ou les « ??????? » a l'ecran.
       On commence desormais par des polices reellement presentes sur le
       poste ; Cairo et Tajawal restent en secours si elles sont installees. */
    /* Cairo est auto-hebergee (assets/fonts) : elle doit venir EN TETE, sinon
       les 80 Ko telecharges ne servent jamais et le rendu depend du poste.
       Les polices systeme restent en secours. */
    font-family: "Cairo", "Segoe UI", Tahoma, "Noto Naskh Arabic",
                 "Geeza Pro", Arial, sans-serif;
    letter-spacing: 0;
}