/* ==========================================================================
   DEMISTYLE — Ajustements droite-à-gauche (arabe)
   Chargé uniquement lorsque la langue est en RTL.
   ========================================================================== */

/* Typographie arabe élégante */
.ds-rtl body { font-family: "Tajawal", "Segoe UI", Tahoma, sans-serif; }
.ds-rtl h1, .ds-rtl h2, .ds-rtl h3, .ds-rtl h4,
.ds-rtl .ds-h2, .ds-rtl .ds-hero__title, .ds-rtl .ds-cta__title,
.ds-rtl .ds-contact__infotitle, .ds-rtl .ds-pageheader__title {
	font-family: "Amiri", "Cormorant Garamond", serif;
}
.ds-rtl .ds-steps__n { font-family: "Tajawal", sans-serif; font-weight: 700; }

/* L'arabe respire mieux avec un interlignage légèrement supérieur */
.ds-rtl body { line-height: 1.85; }

/* Sur-titres : l'espacement de lettres latin nuit à l'arabe */
.ds-rtl .ds-eyebrow,
.ds-rtl .ds-hero__kicker,
.ds-rtl .ds-trust__lbl { letter-spacing: normal; }

/* Listes : inverser le sens des puces/icônes */
.ds-rtl .ds-checklist li { padding-left: 0; padding-right: 34px; }
.ds-rtl .ds-checklist li::before { left: auto; right: 0; }

/* Séparateur aligné à gauche → aligné à droite en RTL */
.ds-rtl .ds-divider--left { margin-right: 0; margin-left: auto; }

/* En-tête : repositionner la navigation */
.ds-rtl .ds-nav { margin-left: 0; margin-right: auto; }
.ds-rtl .ds-menu a::after { left: auto; right: 16px; transform-origin: right; }

/* Menu mobile : il glisse depuis la gauche */
.ds-rtl .ds-mobile-nav { right: auto; left: 0; transform: translateX(-100%); box-shadow: 20px 0 60px rgba(0,0,0,.4); }
.ds-rtl .ds-mobile-nav.is-open { transform: translateX(0); }
.ds-rtl .ds-mobile-menu .sub-menu { padding-left: 0; padding-right: 14px; }

/* Sous-menus déroulants */
.ds-rtl .ds-menu .sub-menu { left: auto; right: 0; }

/* Bouton haut de page → coin opposé */
.ds-rtl .ds-totop { right: auto; left: 26px; }

/* Liens « flèche » : la flèche pointe vers la gauche et s'anime à gauche */
.ds-rtl .ds-card__link span { transform: scaleX(-1); }
.ds-rtl .ds-card__link:hover span { transform: scaleX(-1) translateX(5px); }

/* Étapes : l'icône reste à droite (ordre naturel en RTL via flex) */
.ds-rtl .ds-contact__list li,
.ds-rtl .ds-steps li { text-align: right; }

/* Champs de formulaire : alignement du texte */
.ds-rtl .ds-field input,
.ds-rtl .ds-field select,
.ds-rtl .ds-field textarea { text-align: right; }
/* Sauf e-mail / téléphone qui restent en LTR (attribut dir="ltr") */
.ds-rtl .ds-field input[dir="ltr"] { text-align: left; }

/* Décor « à propos » : conserver une composition équilibrée */
.ds-rtl .ds-about__tile--1 { inset: 0 0 30% 30%; }
.ds-rtl .ds-about__tile--2 { inset: 35% 38% 0 0; }
.ds-rtl .ds-bespoke__star--sm { right: auto; left: 12%; }

/* Pied de page : aligner le contenu */
.ds-rtl .ds-footer__contact span[aria-hidden],
.ds-rtl .ds-contact__list .ds-contact__ico { margin-right: 0; }