/* ──────────────────────────────────────────────────────────────────────────
   rtl.css — mise en page de droite à gauche, pages darija (ar-ma/) et arabe (ar/)
   uniquement. Chargé après style.css, jamais sur les pages FR (modèle adasms.ma).

   Les grilles et les conteneurs flex s'inversent seuls sous dir="rtl" : seules
   les propriétés physiques (left/right, padding-left…), les flèches et les blocs
   qui doivent rester de gauche à droite sont repris ici.
   ────────────────────────────────────────────────────────────────────────── */

/* ── Typographie ── */
[dir="rtl"] body,
[dir="rtl"] .btn,
[dir="rtl"] .lang-btn,
[dir="rtl"] .ndtog,
[dir="rtl"] input,
[dir="rtl"] button{font-family:'Noto Sans Arabic','Manrope',system-ui,sans-serif}
[dir="rtl"] h1,[dir="rtl"] h2,[dir="rtl"] h3{letter-spacing:0;line-height:1.35}
[dir="rtl"] .lbl,[dir="rtl"] .eyebrow,[dir="rtl"] .legal-badge,[dir="rtl"] .pc2-plan,
[dir="rtl"] .ex-badge,[dir="rtl"] .ft-col-t,[dir="rtl"] .legal-toc-t,[dir="rtl"] .calc-r-l,
[dir="rtl"] .cmp thead th,[dir="rtl"] .legal-table th{letter-spacing:0;text-transform:none}
[dir="rtl"] .lead,[dir="rtl"] .body-t{line-height:1.85}

/* ── Barre de navigation ── */
[dir="rtl"] .nav-links{margin-left:0;margin-right:4px}
[dir="rtl"] .nav-r{margin-left:0;margin-right:auto}
[dir="rtl"] .lang-dd{right:auto;left:0}
[dir="rtl"] .ndi-badge{margin-left:0;margin-right:5px}
[dir="rtl"] .mob-sub{padding:4px 16px 8px 0}
[dir="rtl"] .mobile-menu .lb{text-align:right}
[dir="rtl"] .lang-cur{font-size:12px}

/* ── Flèches directionnelles ──
   Les flèches des boutons pointent vers la gauche ; l'icône WhatsApp et les
   chevrons des menus (vers le bas) ne s'inversent pas. */
[dir="rtl"] .btn svg:not(.wa){transform:scaleX(-1)}
[dir="rtl"] .btn:hover svg:not(.wa){transform:scaleX(-1) translateX(3px)}
[dir="rtl"] .ndtog svg,[dir="rtl"] .lang-btn svg{transform:none}

/* ── Texte des SVG : ne s'inverse pas ── */
[dir="rtl"] svg{direction:ltr}

/* ── Maquette WhatsApp (messagerie en arabe : reçus à droite, envoyés à gauche) ── */
[dir="rtl"] .fl-dlr{right:auto;left:-6px}
@media(max-width:768px){[dir="rtl"] .fl-dlr{right:auto;left:4px}}
[dir="rtl"] .bub-in{border-top-left-radius:10px;border-top-right-radius:2px}
[dir="rtl"] .bub-out{border-top-right-radius:10px;border-top-left-radius:2px}
[dir="rtl"] .bub-time{direction:ltr;unicode-bidi:embed;text-align:left}

/* ── KPI : la séparation passe à gauche ── */
[dir="rtl"] .kpi-card{border-right:none;border-left:1px solid var(--bd)}
[dir="rtl"] .kpi-card:last-child{border-left:none}
@media(max-width:440px){[dir="rtl"] .kpi-card{border-left:none}}

/* ── Frise de la séquence ── */
[dir="rtl"] .tl-list::before{left:auto;right:21px}

/* ── Listes et tableaux ── */
[dir="rtl"] .prose ul,[dir="rtl"] .prose ol,
[dir="rtl"] .legal-sec ul,[dir="rtl"] .legal-sec ol,
[dir="rtl"] .legal-toc ol{padding-left:0;padding-right:22px}
[dir="rtl"] .num-steps{padding-right:0!important}
[dir="rtl"] .cmp th,[dir="rtl"] .cmp td,
[dir="rtl"] .legal-table th,[dir="rtl"] .legal-table td{text-align:right}
[dir="rtl"] .pc2-amount{text-align:right}

/* ── Pied de page ── */
[dir="rtl"] .ft-col-t::after{left:auto;right:0}

/* ── Bouton WhatsApp flottant ── */
[dir="rtl"] .wa-float{right:auto;left:24px}
@media(max-width:768px){[dir="rtl"] .wa-float{right:auto;left:16px}}

/* ── Blocs qui restent de gauche à droite ──
   Numéros, adresses e-mail, URL, noms de colonnes CSV. */
[dir="rtl"] a[href^="tel:"],
[dir="rtl"] a[href^="mailto:"],
[dir="rtl"] .ft-em,
[dir="rtl"] .ct-num,
[dir="rtl"] code{direction:ltr;unicode-bidi:embed}
[dir="rtl"] code{display:inline-block}
[dir="rtl"] .legal-foi a{font-weight:600}

/* ── Police à chasse fixe : JetBrains Mono n'a pas de glyphes arabes ; sur ces
   éléments (qui mêlent chiffres et arabe), on passe à Noto Sans Arabic. ── */
[dir="rtl"] .kpi-val,[dir="rtl"] .dlr-s,[dir="rtl"] .calc-r-v,[dir="rtl"] .tl-t,
[dir="rtl"] .pc2-min,[dir="rtl"] .pc2-plan,[dir="rtl"] .legal-sec-num,[dir="rtl"] .st,
[dir="rtl"] .ndi-badge,[dir="rtl"] .ex-badge,[dir="rtl"] .legal-meta,[dir="rtl"] .legal-updated,
[dir="rtl"] .lang-opt small{font-family:'Noto Sans Arabic','Manrope',system-ui,sans-serif;letter-spacing:0}