/* -----------------------------------------------------------------------
   Surcharges RTL, chargées uniquement sur les pages arabes (`is_rtl()`,
   voir functions.php). La mise en page du reste du thème repose presque
   entièrement sur flexbox et grid sans propriété physique (`left`/`right`,
   `margin-left`/`margin-right`) : leur axe suit déjà `direction: rtl`, posé
   automatiquement par le navigateur dès que `<html dir="rtl">` est présent
   (voir `inc/i18n.php`). Ce fichier ne couvre donc que ce qui reste,
   composant par composant, mesuré sur le banc et non deviné.

   Base de vérification : gabarits `templates/ar/*.json` appliqués au banc
   Docker, comparés au rendu français aux mêmes largeurs.
   -------------------------------------------------------------------------- */

/* Police : Figtree et Inter ne couvrent pas l'écriture arabe. Cairo est
   chargée par functions.php (`sde_child_enqueue_fonts`) seulement ici. */
:root.rtl,
.rtl {
	--sde-font: "Cairo", "Figtree", system-ui, -apple-system, sans-serif;
	--sde-font-ui: "Cairo", "Inter", system-ui, -apple-system, sans-serif;
}

/* Carte de réservation du héros (bureau, ≥ 1025px) : `justify-self: end`
   suit déjà la direction et se replace donc à gauche en RTL, mais la marge
   qui la sépare du bord du contenu boxé était posée à droite seulement
   (`margin: 0 calc(...) 0 0`). Sans cette bascule, la carte colle au bord
   de l'écran au lieu de s'aligner sur le contenu à 1240px, comme en LTR. */
@media (min-width: 1025px) {
	.rtl .sde-hero-booking {
		margin: 0 0 0 calc((100% - 1240px) / 2);
	}
}

/* Flèche des cartes de service (`ARROW_SVG`) : tracé fixe pointant vers le
   haut-droite, qui n'a de sens que dans le sens de lecture LTR. Miroir
   horizontal, et le décalage au survol inversé pour continuer de pointer
   « en avant » dans le sens de lecture. */
.rtl .sde-arrow {
	transform: scaleX(-1);
}
.rtl .sde-card:hover .sde-arrow {
	transform: scaleX(-1) translateX(6px);
}

/* Formulaire de réservation sivtc : reste en français sur les quatre
   langues (décision du client, voir la mémoire du chantier). Son balisage
   et sa feuille de restyle (`sde-sivtc.css`) n'ont jamais été pensés pour
   du RTL ; plutôt que d'auditer des centaines de règles à gauche/droite
   dans une feuille qui répond déjà à un plugin tiers, le bloc entier reste
   en LTR, quelle que soit la page qui l'accueille. */
.rtl .sde-booking {
	direction: ltr;
	text-align: left;
}

/* Menu déroulant du sélecteur de langue : `right: 0` est une propriété
   physique, elle ne suit pas `direction: rtl` toute seule. Sans cette
   bascule le menu s'ouvrirait hors de l'écran, calé sur le bord droit alors
   que la pastille qui l'ouvre est proche du bord gauche en RTL. Depuis le
   25/09/2026 la pastille ne vit plus que dans la barre, ordinateur comme
   téléphone : une seule règle suffit. */
.rtl .sde-lang-switcher__menu {
	right: auto;
	left: 0;
}

/* Bouton WhatsApp : laissé en bas à droite même en RTL. C'est un repère
   d'action flottant, pas un élément du flux de lecture, et cette position
   est la convention la plus reconnaissable, y compris sur des sites en
   arabe. À confirmer avec le client si un besoin contraire se présente :
   voir le plan du chantier. */

/* Dégradé du héros de l'accueil : il est orienté de gauche à droite dans
   sde-design.css, le côté sombre servant la colonne de texte. En arabe la
   mise en page est inversée, le texte passe à droite. Le dégradé doit suivre,
   sinon il assombrit le côté vide et laisse le titre sur la partie claire. */
.rtl body.home .sde-hero::before {
	background-image: linear-gradient(
		to left,
		rgba(0, 0, 0, 0.80) 0%,
		rgba(0, 0, 0, 0.66) 45%,
		rgba(0, 0, 0, 0.42) 100%
	);
}

/* Numéros de téléphone : un numéro se lit de gauche à droite dans toutes les
   langues. Dans un texte RTL, l'algorithme bidirectionnel traite le « + »
   de tête comme un signe neutre et le renvoie à la fin (« 33 7 53 46 26 28+ »).
   On isole le lien en LTR pour garder le format international des autres
   langues, sans toucher à sa place dans la phrase arabe. */
.rtl a[href^="tel:"] {
	direction: ltr;
	unicode-bidi: isolate;
}