/* ============================================================
   Classio — Version arabe (pages /ar/…)
   Chargée après /assets/style.css et les styles propres à la page.
   Les maquettes de l'appli gardent dir="ltr" (l'appli est en français).
   ============================================================ */
[dir="rtl"] body{font-family:Tajawal,"DM Sans",sans-serif}
[dir="rtl"] body :not([dir="ltr"], [dir="ltr"] *){font-family:Tajawal,"DM Sans",sans-serif !important;letter-spacing:0 !important}
[dir="rtl"] h1,[dir="rtl"] h2,[dir="rtl"] h3,[dir="rtl"] .section-title{line-height:1.3 !important}
[dir="rtl"] .hero-copy,[dir="rtl"] .section-intro,[dir="rtl"] p,[dir="rtl"] li{line-height:1.8}
/* Listes et encadrés : marges côté début de ligne */
[dir="rtl"] .content ul,[dir="rtl"] .content ol{padding-left:0;padding-right:22px}
/* Le bouton de langue et les adresses e-mail / numéros restent lisibles de gauche à droite */
[dir="rtl"] .lang-switch,[dir="rtl"] a[href^="mailto:"],[dir="rtl"] a[href^="https://wa.me"],[dir="rtl"] .ltr-inline{direction:ltr;unicode-bidi:isolate}
/* WhatsApp flottant : à gauche en arabe, pour ne pas couvrir le début des lignes */
[dir="rtl"] .whatsapp-float{right:auto;left:22px}
@media(max-width:650px){[dir="rtl"] .whatsapp-float{left:16px}}
/* Menu mobile : logo à droite à côté du bouton, panneau qui glisse depuis la gauche */
@media(max-width:980px){
  [dir="rtl"] .logo{margin-right:0;margin-left:auto}
  [dir="rtl"] .nav-mobile-panel{transform:translateX(-100%)}
  [dir="rtl"] .nav-mobile-panel.open{transform:translateX(0)}
}
/* Filets et encadrés placés côté début de ligne (à droite en arabe) */
[dir="rtl"] .note-box,[dir="rtl"] div.highlight{border-left:0;border-right:3px solid var(--gold);border-radius:14px 0 0 14px}
[dir="rtl"] .quote{border-left:0;border-right:3px solid var(--gold);padding:6px 25px 6px 0}
[dir="rtl"] .strip-item{border-right:0;border-left:1px solid rgba(255,255,255,.13)}
[dir="rtl"] .strip-item:last-child{border:0}
/* FAQ : le signe + passe à gauche */
[dir="rtl"] .faq-section summary{padding:20px 22px 20px 54px}
[dir="rtl"] .faq-section summary:after{right:auto;left:22px}
/* Calculateur des tarifs : unité sur une seule ligne */
[dir="rtl"] .calculator .input span{white-space:nowrap}
@media(max-width:650px){[dir="rtl"] .strip-item:nth-child(3){border:0}}
/* Adresse e-mail saisie de gauche à droite */
[dir="rtl"] input[type="email"]{direction:ltr;text-align:right}
[dir="rtl"] .content .highlight a{text-decoration:underline;text-underline-offset:3px}