/* ============================================================================
   FITAM 2026 — surcouche arabe (droite à gauche)
   Chargée uniquement par les pages de /ar, après style.css.
   Ne redéfinit que ce qui est directionnel ou propre à l'écriture arabe.
   ========================================================================== */

:root{
  /* Amiri : naskh classique, registre historique — pour les titres.
     Cairo : moderne et lisible en petit — pour l'interface. */
  --display:"Amiri","Times New Roman",serif;
  --ui:"Cairo","Helvetica Neue",Arial,sans-serif;
}

/* L'arabe est cursif : tout interlettrage casse les liaisons entre glyphes. */
body,h1,h2,h3,h4,p,li,a,span,button,input,select,textarea,label,em,b,strong{
  letter-spacing:normal;
}
.kicker,.eyebrow,.lang__b,.art__cat,.art__d,.art__go,.exp__go,.exp__n,
.axe__n,.pt-tier>span,.ft h4,.ft__bot,.royal span,.hero__patronage,
.hero__place,.day span,.count__c span,.stat span,.field label,.slot__t,
.pg-tab b,.tabbar a,.btn,.pill-state,.map__pin span,.legal__back,.hero__sub-en{
  letter-spacing:normal;
}

/* L'arabe a une hauteur d'x plus grande : on desserre un peu l'interligne. */
body{line-height:1.85}
h1,h2,h3,h4{line-height:1.4}
.hero__theme,.sec__theme{line-height:1.6}
.royal b{line-height:1.35}

/* ─────────────────────────── éléments directionnels ─────────────────────── */

/* barre haute */
.top__nav{margin-left:0;margin-right:auto;margin-inline-end:8px}
@media (max-width:900px){.lang{margin-left:0;margin-right:auto}}

/* pastilles flottantes de la carte du hero */
.tag-float--1{left:auto;right:-3%}
.tag-float--2{right:auto;left:2%}
.card-ph--solo{transform:rotate(2deg)}
.card-ph--solo:hover{transform:rotate(3.2deg) translateY(-6px) scale(1.012)}
.stack:hover .tag-float--1{transform:rotate(8deg) translateY(-7px)}
.stack:hover .tag-float--2{transform:rotate(-7deg) translateY(7px)}

/* cartes d'axes : le halo décoratif passe à gauche */
.axe::before{right:auto;left:-30px}

/* carte et itinéraire */
.map__pin{left:auto;right:clamp(16px,2vw,30px)}
.map__go{right:auto;left:clamp(14px,1.8vw,22px)}
@media (max-width:560px){.map__go{left:auto;right:clamp(14px,1.8vw,22px)}}

/* filet doré du palier « partenaires » */
.pt-tier--main>span::after{margin-left:0;margin-right:12px}

/* pied de page */
.ft ul a:hover{transform:translateX(-4px)}
.ft__bot span:last-child{margin-left:0;margin-right:auto;text-align:left}
@media (max-width:700px){.ft__bot span:last-child{margin-right:0;text-align:right}}

/* pages légales */
.legal__body li{padding-left:0;padding-right:20px}
.legal__body li::before{left:auto;right:2px}
.legal__back:hover{transform:translateX(3px)}

/* Les flèches pointent vers la fin de lecture, donc vers la gauche. */
.btn svg,.art__go svg,.exp__go svg,.legal__back svg{transform:scaleX(-1)}
.btn:hover svg{transform:scaleX(-1) translateX(4px)}
.art:hover .art__go svg,.exp:hover .exp__go svg{transform:scaleX(-1) translateX(5px)}

/* Chiffres, dates, heures, téléphones et e-mails restent en lecture latine.
   Sans cela le « +212 5 35 … » se lit à l'envers dans un contexte RTL. */
/* .hero__place en est volontairement absent : c'est une phrase arabe entière,
   pas un bloc de chiffres. En « ltr » forcé, sa pastille passait à gauche au
   lieu d'ouvrir la ligne à droite. */
.day b,.day span,.count__c b,.stat b,.slot__t,.art__d,
.axe__n,.exp__n,.pg-tab span,
a[href^="tel:"],a[href^="mailto:"]{direction:ltr;unicode-bidi:isolate}
/* Dans une phrase arabe, le bloc latin doit rester collé à sa place. */
a[href^="tel:"],a[href^="mailto:"]{display:inline-block}
.day,.count__c,.stat{text-align:center}

/* Désactivé avec le hero à deux colonnes — le bloc reste centré.
@media (min-width:1000px){
  .hero__lockup,.hero__theme,.hero__patronage,.hero__sub-en{margin-inline:0}
}
*/

/* --------------------------------------------------------------- HERO --- */
/* Le bloc-titre recomposé : l'arabe d'Amiri « remplit » moins sa cadratine
   que le latin de Garamond. À taille égale, le 7 dépassait les deux lignes
   de près de cent pixels et creusait un trou avant « السياحة الدولي ». On
   remonte donc le corps du texte et on resserre le 7. */
[dir="rtl"] .lockup__7{width:clamp(58px,7.1vw,100px)}
[dir="rtl"] .lockup__l1{font-size:clamp(1.3rem,2.8vw,2.25rem);line-height:1.18}
[dir="rtl"] .lockup__l2{font-size:clamp(2.7rem,6.1vw,5rem);line-height:1.02}
[dir="rtl"] .lockup__l3{font-size:clamp(1.35rem,2.9vw,2.35rem);line-height:1.3;margin-top:.04em}
[dir="rtl"] .lockup__t{padding-top:0}