/* ============================================================================
   RTL + Arabe — bsf-tunisie.com
   AR-S2 (2026-06-22) : police Noto Sans Arabic (choix Walid).
   TOUT est scope sous html[dir="rtl"]  =>  0 effet en FR / EN (Inter conserve).
   AR-S3 (corrections de mise en page RTL) sera ajoute plus bas dans ce fichier.
   ============================================================================ */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@400;500;600;700&display=swap');

/* --- AR-S2 : police arabe partout en mode RTL --------------------------------
   !important + selecteur universel scope RTL : gagne sur les regles .classe
   (Inter) du theme, sans toucher le LTR. Pas de police d'icones sur ce site
   (Lucide = SVG), donc le swap est sans risque. 'Inter' reste en fallback pour
   le latin (ex. "Power BI", "KYC", "24/7"). */
html[dir="rtl"],
html[dir="rtl"] * {
  font-family: 'Noto Sans Arabic', 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif !important;
}

/* ===================== AR-S3 : corrections de mise en page RTL (2026-06-22) =====================
   Audit visuel (Playwright) : dir=rtl + text-align:start gerent deja ~95% (texte/grilles/flex/forms).
   Seules corrections necessaires = les puces CUSTOM des cartes "packs" (point ::before en left:0). */

/* Cartes packs : basculer la puce (point bleu) et son indentation a DROITE */
html[dir="rtl"] .pack-card ul li { padding-left: 0; padding-right: 22px; }
html[dir="rtl"] .pack-card ul li::before { left: auto; right: 0; }

/* Listes natives : retirer un padding-left physique residuel (l'indentation logique a droite suffit) */
html[dir="rtl"] .sector-card ul { padding-left: 0; }
