/* Arabe (RTL) — chargé uniquement sur /ar/, après les autres feuilles.
   Grilles et flex se retournent seules avec dir="rtl" ; ce fichier corrige ce qui est physique
   (gauche/droite codés en dur, sens des flèches et des survols, espacement des lettres). */

/* Lettres : l'arabe ne supporte pas l'espacement (il casse les liaisons). Le logo latin le garde. */
html[dir="rtl"] body *:not(.edge-brand){letter-spacing:0 !important;}
html[dir="rtl"] body{--sans:'Inter','IBM Plex Sans Arabic','Hanken Grotesk',-apple-system,BlinkMacSystemFont,sans-serif;--serif:'Playfair Display','Markazi Text',Georgia,serif;}
html[dir="rtl"] body.home,html[dir="rtl"] body.inner{--sans:'Inter','IBM Plex Sans Arabic','Hanken Grotesk',-apple-system,BlinkMacSystemFont,sans-serif;--serif:'Playfair Display','Markazi Text',Georgia,serif;}
html[dir="rtl"] body{font-family:var(--sans);}
html[dir="rtl"] body em,html[dir="rtl"] body.home .hero-text h1 em{font-style:normal;}  /* pas d’italique en arabe */

/* Flèches → pointent vers la gauche (pas les icônes, drapeaux, chevrons bas ni « haut de page »). */
html[dir="rtl"] a svg:not(.flag):not(.caret),
html[dir="rtl"] .btn svg,
html[dir="rtl"] .cform button svg{transform:scaleX(-1);}
html[dir="rtl"] .icon svg,
html[dir="rtl"] a .icon svg,
html[dir="rtl"] .cform-note svg{transform:none;}

/* Accueil : le logo vertical passe à droite, l'image déborde à gauche. */
html[dir="rtl"] body.home .hero{padding-left:0;padding-right:var(--gutter);}
html[dir="rtl"] body.home .edge-brand{left:auto;right:clamp(24px,2.8vw,52px);}
html[dir="rtl"] body.home .hero-text{padding-right:0;padding-left:clamp(20px,2.4vw,40px);}

/* En-tête */
html[dir="rtl"] body.home .header-right>.lang,
html[dir="rtl"] body.inner .header-right>.lang{margin-left:0;margin-right:clamp(4px,1vw,16px);}

/* ---- Généré : sens des survols et des filets (gauche → droite devient droite → gauche) ---- */
html[dir="rtl"] .btn:hover svg{transform:translateX(-3px) scaleX(-1);}
html[dir="rtl"].js [data-reveal="left"]:not(.is-visible){transform:translateX(36px);}
html[dir="rtl"].js [data-reveal="right"]:not(.is-visible){transform:translateX(-36px);}
html[dir="rtl"] .cabinet-item:hover{transform:translateX(-6px);}
html[dir="rtl"] .exp-list li a:hover svg{transform:translateX(-3px) scaleX(-1);}
html[dir="rtl"] .secteur-card:hover .secteur-cta svg{transform:translateX(-3px) scaleX(-1);}
html[dir="rtl"] .contact-list a.item:hover .go{transform:translateX(-4px) scaleX(-1);}
html[dir="rtl"] .aside-links a:hover svg{transform:translateX(-3px) scaleX(-1);}
html[dir="rtl"] body.home .secteur-card:hover h4{transform:translateX(-7px);}
html[dir="rtl"] body.home .secteur-card:hover .secteur-cta{transform:translateX(-5px);}
html[dir="rtl"] body.home .xp-list a:hover .xp-name{transform:translateX(-8px);}
html[dir="rtl"] body.home .xp-list a:hover .xp-arrow{transform:translateX(-5px) scaleX(-1);}
html[dir="rtl"] body.home .secteur-card::after,html[dir="rtl"] body.home .methode-step::after{transform-origin:right;}
html[dir="rtl"] body.home .feature::after{transform-origin:right;}
html[dir="rtl"] body.inner .exp-points li::after{transform-origin:right;}
html[dir="rtl"] body.inner .exp-points li:hover span{transform:translateX(-5px);}
html[dir="rtl"] body.inner .aside-links li a:hover svg{transform:translateX(-4px) scaleX(-1);}
html[dir="rtl"] body.inner .cabinet-item::after{transform-origin:right;}
html[dir="rtl"] body.inner .membre .portrait::after{transform-origin:right;}
html[dir="rtl"] body.inner .exp-list li a::after{transform-origin:right;}
html[dir="rtl"] body.inner .exp-list li a:hover svg{transform:translateX(-4px) scaleX(-1);}
html[dir="rtl"] body.inner .secteur-card::after{transform-origin:right;}
html[dir="rtl"] body.inner .secteur-card:hover h4{transform:translateX(-7px);}
html[dir="rtl"] body.inner .secteur-card:hover .secteur-cta{transform:translateX(-5px);}
html[dir="rtl"] body.inner .methode-step::after{transform-origin:right;}
html[dir="rtl"] body.inner .actu-card::after{transform-origin:right;}
html[dir="rtl"] body.inner .contact-list .item::after{transform-origin:right;}
html[dir="rtl"] body.inner .contact-list a.item:hover .go{transform:translateX(-4px) scaleX(-1);}

/* Numéros de téléphone et adresses e-mail : toujours lus de gauche à droite. */
html[dir="rtl"] a[href^="tel:"],
html[dir="rtl"] a[href^="tel:"] .val,
html[dir="rtl"] a[href^="mailto:"] .val{direction:ltr;unicode-bidi:isolate;}
html[dir="rtl"] a[href^="tel:"] .val,
html[dir="rtl"] a[href^="mailto:"] .val{text-align:right;}

/* ---- Généré : alignements gauche ↔ droite ---- */
html[dir="rtl"] body.home .xp-tag{text-align:left;}
html[dir="rtl"] body.inner .exp-band{text-align:right;}
html[dir="rtl"] body.inner .exp-band p{margin:24px 0 0 auto;}