/* ═══════════════════════════════════════════════════════════
   RTL + typographie arabe (فصحى)
   Chargé UNIQUEMENT sur les pages /ar/ (html dir="rtl" lang="ar").
   Le reste du design system est symétrique (flex/grid centrés) et
   s'inverse automatiquement grâce à dir="rtl".
   ═══════════════════════════════════════════════════════════ */

[dir="rtl"] {
  --font-display: 'El Messiri', 'Cairo', 'Segoe UI', Tahoma, sans-serif;
  --font-body:    'Cairo', 'Segoe UI', Tahoma, sans-serif;
}

/* Base */
[dir="rtl"] body { text-align: right; }
[dir="rtl"] .btn,
[dir="rtl"] .eyebrow,
[dir="rtl"] .seo-section-eyebrow { letter-spacing: 0; } /* l'arabe ne se lettre-space pas */

/* Titres arabes : un poil plus d'interligne pour les diacritiques */
[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3,
[dir="rtl"] .seo-h1, [dir="rtl"] .seo-h2 { line-height: 1.35; }
[dir="rtl"] .seo-lead, [dir="rtl"] .seo-prose p { line-height: 1.9; }

/* Tableaux comparatifs : entêtes + cellules alignées à droite */
[dir="rtl"] .seo-compare th,
[dir="rtl"] .seo-compare td { text-align: right; }

/* Listes à puces : puce du bon côté (géré par dir, mais on force le padding logique) */
[dir="rtl"] .seo-prose ul { padding-right: 1.2em; padding-left: 0; }

/* Menu mobile : glisse depuis la GAUCHE en RTL (au lieu de la droite) */
[dir="rtl"] .mobile-menu { right: auto; left: -100%; }
[dir="rtl"] .mobile-menu.is-open,
[dir="rtl"] .mobile-menu.active,
[dir="rtl"] .mobile-menu.open { right: auto; left: 0; }

/* Flèches “Se connecter →” : pointe vers la gauche en arabe */
[dir="rtl"] .mobile-menu-signin { direction: rtl; }

/* ── Sélecteur de langue : police arabe sur les pages RTL ───── */
[dir="rtl"] .lang-switch { font-family: 'Cairo', sans-serif; }

/* Bouton WhatsApp : côté gauche en RTL */
[dir="rtl"] .wa-float { right: auto; left: 22px; }
@media (max-width: 640px) {
  [dir="rtl"] .wa-float { left: 16px; right: auto; }
}