/* ===== Version arabe : lecture de droite à gauche ===== */
:root{
  --display:"IBM Plex Sans Arabic","SF Pro Display",-apple-system,"Inter",sans-serif;
  --body:"IBM Plex Sans Arabic","SF Pro Text",-apple-system,"Inter",sans-serif;
  --ita:"Noto Naskh Arabic","IBM Plex Sans Arabic",serif;
}
/* L'espacement entre lettres casse les liaisons de l'écriture arabe */
body *{letter-spacing:0!important}
.ita,.statement b,.story .body em,.rev figcaption b,.dna span,.proj .thumb em,.track span:nth-child(even){font-style:normal}
h1,h2,h3,.statement{line-height:1.3}
.hero h1{line-height:1.25}
.logo,.huge{direction:ltr}

/* Flèches et éléments orientés */
.btn .arr{display:inline-block;transform:scaleX(-1)}
.btn:hover .arr{transform:scaleX(-1) translateX(4px)}
.proj{text-align:right}
.card li{padding-left:0;padding-right:20px}
.card li::before{left:auto;right:0}
.hero-meta>div+div::before{left:auto;right:0}
.lang-menu{right:auto;left:0}
.pm-nav.prev{left:auto;right:14px}
.pm-nav.next{right:auto;left:14px}
.pm-close{right:auto;left:16px}
.pm-brief h3{padding-right:0;padding-left:40px}
.pm-badge{left:auto;right:14px}
.pm-count{right:auto;left:14px}
.proj .thumb .open{right:auto;left:14px}
.team figcaption{left:auto;right:clamp(16px,3vw,32px)}

/* Code, terminaux et bandeaux défilants restent de gauche à droite */
.term pre,.term-bar,.soc-log,.soc-top time,.marquee .track,.b-bar span{direction:ltr}
.marquee{direction:ltr}

@media (max-width:860px){
  .tl-line{left:auto;right:27px}
  .pm-close{right:auto;left:20px}
}
@media (max-width:640px){.team figcaption{right:auto}}

/* Le site de démonstration dans le PC reste en français, de gauche à droite */
.web{direction:ltr;text-align:left}
