/* ==========================================================================
   Pages arabes (/ar/…, <html lang="ar" dir="rtl">) — 2026-10-04
   Chargée EN DERNIER, uniquement par les pages /ar/. Le sens de lecture
   (flex, grid, text-align: start) s'inverse tout seul avec dir="rtl" : ce
   fichier ne corrige que ce qui est écrit en gauche/droite physique ailleurs.
   ========================================================================== */

/* -- Police : Tajawal pour les lettres arabes seulement ---------------------
   Les familles « Manrope » et « DM Sans » sont complétées par Tajawal sur la
   plage Unicode arabe : toutes les déclarations font-family existantes
   continuent de marcher, le latin (Stash & Go, prix, e-mails) garde sa police.
   Fichiers auto-hébergés : ni CSP ni politique de confidentialité à revoir. */
@font-face { font-family: "Manrope"; font-weight: 500; font-display: swap;
  src: url("/assets/fonts/Tajawal-500-arabic.woff2") format("woff2");
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FEFC; }
@font-face { font-family: "Manrope"; font-weight: 600 700; font-display: swap;
  src: url("/assets/fonts/Tajawal-700-arabic.woff2") format("woff2");
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FEFC; }
@font-face { font-family: "Manrope"; font-weight: 800 900; font-display: swap;
  src: url("/assets/fonts/Tajawal-800-arabic.woff2") format("woff2");
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FEFC; }
@font-face { font-family: "DM Sans"; font-weight: 400 500; font-display: swap;
  src: url("/assets/fonts/Tajawal-500-arabic.woff2") format("woff2");
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FEFC; }
@font-face { font-family: "DM Sans"; font-weight: 600 700; font-display: swap;
  src: url("/assets/fonts/Tajawal-700-arabic.woff2") format("woff2");
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FEFC; }
@font-face { font-family: "DM Sans"; font-weight: 800 900; font-display: swap;
  src: url("/assets/fonts/Tajawal-800-arabic.woff2") format("woff2");
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FEFC; }

/* L'arabe se lit mal serré et sans interligne : pas d'espacement négatif. */
html[dir="rtl"] body { letter-spacing: 0; }
html[dir="rtl"] h1, html[dir="rtl"] h2, html[dir="rtl"] h3,
html[dir="rtl"] [class*="title"], html[dir="rtl"] [class*="titre"] { letter-spacing: 0; }

/* Numéros de téléphone, e-mails, références : toujours de gauche à droite. */
html[dir="rtl"] a[href^="tel:"], html[dir="rtl"] a[href^="mailto:"],
html[dir="rtl"] input[type="tel"], html[dir="rtl"] input[type="email"] { unicode-bidi: plaintext; }
html[dir="rtl"] input[type="tel"], html[dir="rtl"] input[type="email"] { direction: ltr; text-align: right; }

/* Flèches des boutons : elles pointent vers la droite, le sens de lecture
   arabe va vers la gauche. */
html[dir="rtl"] .btn__icon { transform: scaleX(-1); }
html[dir="rtl"] .btn:hover .btn__icon { transform: scaleX(-1) translate(2px, -2px); }

/* Noms latins (« Jamie L. ») et comptes (« @stashandgo.ma ») : isolés pour
   que le point final ou l'arobase ne passent pas de l'autre côté. */
html[dir="rtl"] .review-card__name { unicode-bidi: plaintext; }
html[dir="rtl"] .social-pill { unicode-bidi: isolate; }
html[dir="rtl"] .social-pill { direction: ltr; }

/* Flèches de navigation du tunnel et du récapitulatif : « Retour » pointe
   vers la droite et « Continuer » vers la gauche en arabe. */
html[dir="rtl"] .resa-actions__arrow,
html[dir="rtl"] img[src*="ui-fleche-mini"] { transform: scaleX(-1); }

/* Bandeau « bientôt » (pages.css) : inset 4 valeurs, que rtlcss ne retourne pas. */
html[dir="rtl"] .bientot::before { inset: 0 0 0 auto; }
html[dir="rtl"] .reviews__arrow svg { transform: scaleX(-1); }