/* ===== Sélecteur de langue ===== */
.langs{display:inline-flex;align-items:center;gap:2px;padding:3px;border-radius:10px;border:1px solid rgba(255,255,255,.18)}
.langs a{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:32px;padding:0 8px;border-radius:7px;font-size:13px;font-weight:700;color:rgba(255,255,255,.75);text-decoration:none;transition:background .2s,color .2s}
.langs a:hover{color:#fff;background:rgba(255,255,255,.1)}
.langs a[aria-current]{background:#fff;color:var(--night)}
.langs a[lang=ar]{font-family:"IBM Plex Sans Arabic","Noto Kufi Arabic",sans-serif;font-size:15px}
.drawer .langs{align-self:flex-start;margin-top:4px}
.drawer .langs a{height:38px;padding:0 14px;font-size:14px}
@media (max-width:1080px){.top .actions .langs{display:none}}

/* ===== Arabe : police et lecture de droite à gauche ===== */
html[lang=ar] body,html[lang=ar] input,html[lang=ar] select,html[lang=ar] textarea,html[lang=ar] button{font-family:"IBM Plex Sans Arabic","Noto Kufi Arabic",Geist,sans-serif}
html[lang=ar] *{letter-spacing:0!important}
html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3{line-height:1.3}
html[lang=ar] .hero h1,html[lang=ar] .phero h1{line-height:1.2}
html[lang=ar] .head .ghost{font-family:"IBM Plex Sans Arabic",sans-serif;font-weight:700}
[dir=rtl] .dateblock{padding-left:0;padding-right:22px;border-left:0;border-right:3px solid var(--cyan)}
[dir=rtl] .mot blockquote{padding-left:0;padding-right:20px;border-left:0;border-right:3px solid var(--cyan)}
[dir=rtl] .head.left .ghost{left:auto;right:0}
[dir=rtl] .phero-img::before{background:linear-gradient(270deg,rgba(15,11,30,.96) 0%,rgba(15,11,30,.82) 45%,rgba(15,11,30,.55) 100%),var(--bg) center/cover no-repeat}
[dir=rtl] .ticks li{padding-left:0;padding-right:30px}
[dir=rtl] .ticks li::before{left:auto;right:0}
[dir=rtl] .pl-it.on{box-shadow:inset -3px 0 0 var(--cyan)}
[dir=rtl] .pl-n{left:auto;right:6px}
[dir=rtl] .spk2 em{left:auto;right:10px}
[dir=rtl] .ytc,[dir=rtl] .reel,[dir=rtl] .pl-it,[dir=rtl] .kc,[dir=rtl] .mtile span{text-align:right}
[dir=rtl] .kc i{right:auto;left:14px}
[dir=rtl] .annaba figcaption{left:auto;right:20px}
[dir=rtl] .stats>div::before,[dir=rtl] .kpis>div::before,[dir=rtl] #progress{transform-origin:100% 50%}
[dir=rtl] .btn svg,[dir=rtl] .explore a svg,[dir=rtl] .kc i svg,[dir=rtl] .cover-big svg{transform:scaleX(-1)}
[dir=rtl] .btn:hover svg,[dir=rtl] .explore a:hover svg,[dir=rtl] .kc:hover i svg{transform:scaleX(-1) translate(3px,-3px)}
[dir=rtl] .track,[dir=rtl] .marquee{direction:ltr}
[dir=rtl] .countdown,[dir=rtl] .tl b,[dir=rtl] .prog2 time,[dir=rtl] .kpis .n,[dir=rtl] .stats .n{direction:ltr;unicode-bidi:isolate}
[dir=rtl] .countdown{flex-direction:row-reverse;justify-content:flex-end}
[dir=rtl] .hero h1,[dir=rtl] .tl span{direction:ltr;unicode-bidi:isolate}
[dir=rtl] .hero h1{text-align:right}
[dir=rtl] .dir-q{direction:rtl}
[dir=rtl] .lb-p{left:auto;right:16px}
[dir=rtl] .lb-n{right:auto;left:16px}
[dir=rtl] .gal .gi:nth-child(8n+1){grid-column:span 2}
[dir=rtl] .reel .rp{right:auto}
[dir=rtl] .pspk{margin:16px 250px 0 0}
[dir=rtl] .pproj{margin:10px 250px 0 0}
@media (max-width:900px){[dir=rtl] .pspk,[dir=rtl] .pproj{margin-right:0}}
[dir=rtl] .exlist{padding-right:0}
[dir=rtl] .tf3.rev>div:first-child{order:2}
[dir=rtl] input[type=email],[dir=rtl] input[type=tel],[dir=rtl] input[type=url]{direction:ltr;text-align:right}
[dir=rtl] .stats .n,[dir=rtl] .kpis .n,[dir=rtl] .tl b,[dir=rtl] .prog2 time{text-align:right}