/* ── Version arabe : police, lecture de droite à gauche, typographie ──
   Chargé sur toutes les pages ; ne s'applique que quand <html lang="ar">. */
html[lang="ar"] body,
html[lang="ar"] body *:not([class*="ethno"]):not(.fm-brand):not(.grad-brand):not(.grad-foot-brand):not(.hero-title):not(svg):not(svg *) {
    font-family: 'IBM Plex Sans Arabic', 'Geist Variable', ui-sans-serif, system-ui, sans-serif !important;
}
/* L'arabe est une écriture liée : l'espacement des lettres casse les ligatures */
html[lang="ar"] body *:not([class*="ethno"]):not(.fm-brand):not(.grad-brand):not(.grad-foot-brand):not(.hero-title) {
    letter-spacing: 0 !important;
}
/* Interligne un peu plus généreux pour les signes diacritiques */
html[lang="ar"] p,
html[lang="ar"] li { line-height: 1.85; }
/* Logo NETFORCE et sigles latins : toujours de gauche à droite dans le texte arabe */
html[lang="ar"] [class*="ethno"],
html[lang="ar"] .fm-brand { direction: ltr; unicode-bidi: isolate; display: inline-block; }

/* Barre de navigation : on garde la disposition (logo au centre), seuls les libellés sont en arabe */
html[dir="rtl"] .navbar,
html[dir="rtl"] .mobile-menu { direction: ltr; }
html[dir="rtl"] .navbar .nav-link,
html[dir="rtl"] .navbar .nav-cta-label,
html[dir="rtl"] .mobile-menu .mobile-nav-link,
html[dir="rtl"] .mobile-menu .hero-cta { direction: rtl; }

/* Hero de l'accueil : marge du côté droit en lecture arabe */
html[dir="rtl"] .hero { padding-left: clamp(24px, 4vw, 60px); padding-right: clamp(40px, 8vw, 140px); }
html[dir="rtl"] .hero-content { text-align: right; }

/* Compteurs : « 107 دولة » se lit de droite à gauche, « 50 kV » reste dans l'ordre latin */
html[lang="ar"] .stat-number { direction: rtl; unicode-bidi: plaintext; }
html[dir="rtl"] .hero-title { text-align: right; }
/* Page Contact : les titres y sont forcés à gauche */
html[dir="rtl"] .contact-title { text-align: right; }