/* ==========================================================================
   WA — Feuille RTL (arabe) — PREMIÈRE PASSE
   Chargée uniquement sur /ar/ (html[dir=rtl]), APRÈS les bundles du thème.
   But : rendre le site lisible en arabe droite-à-gauche. Le thème n'a AUCUN
   support RTL natif — ceci corrige la police, le sens et les cas d'alignement
   les plus visibles.
   ⚠️ Passe destinée à ÉVALUER le rendu. Un vrai passage RTL complet
   (positions absolues, transforms GSAP au scroll, grilles, mobile) reste à
   faire section par section une fois la maquette validée.
   ========================================================================== */

html[dir="rtl"], html[dir="rtl"] body { direction: rtl; }

/* ── Police arabe ──────────────────────────────────────────────────────────
   Le thème force Inter / JetBrains Mono, qui n'ont pas de glyphes arabes.
   On impose une pile arabe système (à remplacer en prod par une webfont
   auto-hébergée : Cairo / Tajawal / Noto Kufi Arabic). */
html[dir="rtl"],
html[dir="rtl"] body,
html[dir="rtl"] h1, html[dir="rtl"] h2, html[dir="rtl"] h3,
html[dir="rtl"] h4, html[dir="rtl"] h5, html[dir="rtl"] h6,
html[dir="rtl"] p, html[dir="rtl"] a, html[dir="rtl"] span,
html[dir="rtl"] li, html[dir="rtl"] button, html[dir="rtl"] label,
html[dir="rtl"] input, html[dir="rtl"] textarea, html[dir="rtl"] select,
html[dir="rtl"] div, html[dir="rtl"] strong, html[dir="rtl"] em {
  font-family: "Noto Sans Arabic", "Noto Kufi Arabic", "Cairo",
               "Segoe UI", "Tahoma", "Geeza Pro", "Arial", sans-serif !important;
  letter-spacing: normal !important; /* l'arabe ne se laisse pas espacer */
}

/* ── Alignement du texte ───────────────────────────────────────────────────
   dir=rtl aligne déjà le texte "au début" (= à droite). On force uniquement
   là où le thème impose explicitement un alignement gauche. */
html[dir="rtl"] [style*="text-align: left"],
html[dir="rtl"] [style*="text-align:left"] { text-align: right !important; }

/* ── Segments intrinsèquement latins : garder en LTR pour éviter l'inversion
   des chiffres, montants, emails, URLs, marque (WA.COMPANY, TRN, %, dates). */
html[dir="rtl"] code,
html[dir="rtl"] time,
html[dir="rtl"] [dir="ltr"],
html[dir="rtl"] a[href^="mailto:"],
html[dir="rtl"] a[data-mailto] {
  direction: ltr;
  unicode-bidi: isolate;
}
/* Isole aussi les nombres/latins mêlés au texte arabe (bidi propre). */
html[dir="rtl"] .num, html[dir="rtl"] [class*="stat"], html[dir="rtl"] [class*="metric"],
html[dir="rtl"] [class*="count"], html[dir="rtl"] [class*="chiffre"] {
  unicode-bidi: isolate;
}

/* ── Sélecteur de langue : en bas-droite en RTL ────────────────────────────── */
html[dir="rtl"] .wa-lang-switch { left: auto !important; right: 18px !important; }
@media (max-width: 600px) {
  html[dir="rtl"] .wa-lang-switch { left: auto !important; right: 12px !important; }
}

/* ── Listes : puces/retraits à droite ──────────────────────────────────────── */
html[dir="rtl"] ul, html[dir="rtl"] ol { padding-right: 1.25em; padding-left: 0; }

/* ── Champs de formulaire ──────────────────────────────────────────────────── */
html[dir="rtl"] input, html[dir="rtl"] textarea, html[dir="rtl"] select {
  text-align: right; direction: rtl;
}
html[dir="rtl"] input[type="email"], html[dir="rtl"] input[type="tel"],
html[dir="rtl"] input[type="url"], html[dir="rtl"] input[type="number"] {
  text-align: left; direction: ltr;
}

/* ── Ne pas retourner les logos / médias / pistes d'animation horizontales
   (bandeaux de logos, carrousels) : souvent pilotés par transform JS. On les
   laisse en LTR pour ne pas casser le défilement calculé côté script. */
html[dir="rtl"] [class*="marquee"], html[dir="rtl"] [class*="ticker"],
html[dir="rtl"] [class*="logos"], html[dir="rtl"] [class*="track"] {
  direction: ltr;
}