/*
 * Mise en miroir de la vitrine pour l'arabe.
 *
 * L'attribut dir="rtl" inverse le sens du texte et l'ordre des éléments en
 * flux, mais il ne touche pas à ce qui est positionné explicitement : marges
 * directionnelles, décalages absolus, rotations 3D, bordures d'accent. Cette
 * feuille reprend ces cas un par un.
 */

body { text-align: right; }

/* La police Inter ne couvre pas l'arabe : on laisse le système choisir une
   police arabe lisible, et on augmente légèrement l'interligne car les
   diacritiques et les hampes demandent plus de hauteur. */
* {
  font-family: "Segoe UI", Tahoma, "Noto Naskh Arabic", "Geeza Pro", "Arial", sans-serif !important;
}
body { line-height: 1.75; }

/* Le mock-up penche vers l'intérieur de la page : la rotation doit s'inverser. */
.mock { transform: perspective(1500px) rotateY(7deg) rotateX(2deg); }

/* Halo du hero : il accompagne la capture, qui passe à gauche. */
.hero::after { right: auto; left: -6%; }

/* Éléments décalés à la main dans le sens de lecture. */
.nav-links { margin-left: 0; margin-right: 1rem; }
.nav-right { margin-left: 0; margin-right: auto; }
.price .amt .was { margin-right: 0; }
.eyebrow, .promo { align-self: flex-end; }

/* Bordure d'accent des citations et des encarts : à droite du texte. */
.quote, .sec-sub, .center .sec-sub { text-align: right; }

/* Les listes à puces cochées gardent l'icône du côté du texte. */
.price ul li { flex-direction: row-reverse; }

/* La carte régionale est une image mentale de l'Afrique : la retourner
   n'aurait aucun sens géographique. On la laisse dans son sens, seuls les
   libellés passent à droite. */
.mapbox { direction: ltr; }
.mapbox .lbl { direction: rtl; }

/* Formulaire : libellés et champs alignés à droite, sans casser la grille. */
#contactForm input, #contactForm textarea { text-align: right; }

/* Barre flottante de bas de page. */
.sticky-in { flex-direction: row-reverse; }

/* Valeurs numériques : isolées du sens de lecture. Sans cela, « −40% » se
   rend « 40%− », le signe étant un caractère neutre replacé en fin de ligne. */
.price .amt .was, .price .amt .now { direction: ltr; unicode-bidi: isolate; }