/* www.innoflex.ma — ajustements arabe / RTL (chargé uniquement sur /ar/) */
:root{--fb:'IBM Plex Sans Arabic','Outfit',sans-serif;--fd:'Noto Kufi Arabic','IBM Plex Sans Arabic',serif}
html[dir="rtl"] body{font-family:var(--fb);line-height:1.85}
html[dir="rtl"] em{font-style:normal}
html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3,html[dir="rtl"] .ph-title,html[dir="rtl"] .stitle,html[dir="rtl"] .mc-title{font-family:var(--fd);letter-spacing:0;line-height:1.45}
html[dir="rtl"] .ph-title em,html[dir="rtl"] .stitle em,html[dir="rtl"] h1 em,html[dir="rtl"] h2 em{font-style:normal}
html[dir="rtl"] *{letter-spacing:0!important}
html[dir="rtl"] [style*="text-transform:uppercase"],html[dir="rtl"] .stag,html[dir="rtl"] .ph-tag{text-transform:none}
html[dir="rtl"] .drop{left:auto;right:0}
html[dir="rtl"] .mc-type-badge{left:auto;right:14px}
html[dir="rtl"] .art-body ul{margin:0 1.2em 20px 0}
html[dir="rtl"] .art-note{border-left:none;border-right:3px solid var(--border2);padding-left:0;padding-right:14px}
html[dir="rtl"] .page-hero::after,html[dir="rtl"] .media-hero::after{right:auto;left:-80px}
html[dir="rtl"] .nburger{margin-left:0;margin-right:10px}
html[dir="rtl"] input[type="tel"],html[dir="rtl"] input[type="email"]{direction:ltr;text-align:right}
html[dir="rtl"] .hs{padding-right:0;margin-right:0;border-right:none;padding-left:28px;margin-left:28px;border-left:1px solid rgba(255,255,255,.1)}
html[dir="rtl"] .hs-num,html[dir="rtl"] .art-fig b{unicode-bidi:plaintext;text-align:right}
@media(max-width:1180px){
  html[dir="rtl"] nav>div{margin-left:0;margin-right:auto}
  html[dir="rtl"] nav.open .drop{padding-left:0;padding-right:14px}
}

/* ---- v2 (refonte institutionnelle) ---- */
html[dir="rtl"] .x-btn svg{transform:scaleX(-1)}
html[dir="rtl"] .x-btn:hover svg{transform:scaleX(-1) translateX(3px)}
html[dir="rtl"] .hx-lang{padding-left:0;border-left:0;padding-right:18px;border-right:1px solid rgba(255,255,255,.18)}
html[dir="rtl"] .hx-drop{left:auto;right:0}
html[dir="rtl"] .x-hero::before{background:linear-gradient(180deg,rgba(8,16,42,.55) 0%,rgba(8,16,42,.25) 35%,rgba(8,16,42,.82) 78%,rgba(8,16,42,.95) 100%),linear-gradient(270deg,rgba(11,21,51,.75) 0%,rgba(11,21,51,0) 65%)}
html[dir="rtl"] .x-phero.img::before{background:linear-gradient(270deg,rgba(11,21,51,.94) 0%,rgba(11,21,51,.78) 55%,rgba(11,21,51,.45) 100%)}
html[dir="rtl"] .x-fig{border-left:0;border-right:1px solid var(--line)}
html[dir="rtl"] .x-fig:first-child{border-right:0;padding-left:22px;padding-right:0}
html[dir="rtl"] .x-step{padding:32px 0 8px 26px}
html[dir="rtl"] .x-step::before{left:auto;right:0}
html[dir="rtl"] .x-card img{left:auto;right:0}
html[dir="rtl"] .x-quote{border-left:0;border-right:2px solid var(--steel)}
html[dir="rtl"] .x-pfigs div{padding:26px 0 0 36px;margin-right:0;margin-left:36px;border-right:0;border-left:1px solid rgba(255,255,255,.14)}
html[dir="rtl"] .x-pfigs div:last-child{border-left:0}
html[dir="rtl"] .x-faq summary{padding:22px 0 22px 40px}
html[dir="rtl"] .x-faq summary::after{right:auto;left:4px}
html[dir="rtl"] .x-job .x-job-b ul{padding-left:0;padding-right:18px}
html[dir="rtl"] .x-eyebrow,html[dir="rtl"] .fx h4,html[dir="rtl"] .x-step i,html[dir="rtl"] .x-sector i{letter-spacing:0;text-transform:none}
html[dir="rtl"] .x-hero h1,html[dir="rtl"] .x-phero h1,html[dir="rtl"] .x-h2{line-height:1.3}
html[dir="rtl"] .x-fig b,html[dir="rtl"] .x-pfigs b,html[dir="rtl"] .x-time b{unicode-bidi:plaintext}
html[dir="rtl"] .fx-bottom a{margin-left:0;margin-right:14px}
html[dir="rtl"] .x-f input[type="tel"],html[dir="rtl"] .x-f input[type="email"]{direction:ltr;text-align:right}
@media(max-width:680px){
  html[dir="rtl"] .x-fig:nth-child(odd){border-right:0;padding-right:0}
  html[dir="rtl"] .x-fig:nth-child(4){border-right:1px solid var(--line);padding-right:16px}
}
html[dir="rtl"] .x-proof .p{border-left:0;border-right:1px solid rgba(255,255,255,.14)}
html[dir="rtl"] .x-proof .p:first-child{border-right:0;padding-left:28px;padding-right:0}
html[dir="rtl"] .x-split-img .x-tagimg{left:auto;right:-1px}
html[dir="rtl"] .x-proof b{unicode-bidi:plaintext}
@media(min-width:900px){
  html[dir="rtl"] .x-phero>img{right:auto;left:0}
  html[dir="rtl"] .x-phero.img::before{background:linear-gradient(270deg,var(--navy-deeper) 0%,var(--navy-deeper) 48%,rgba(11,21,51,.55) 62%,rgba(11,21,51,.1) 100%)}
}
html[dir="rtl"] .x-ticks li{padding-left:0;padding-right:32px}
html[dir="rtl"] .x-ticks li::before{left:auto;right:0}