/*
   Version arabe (ar/) — chargée après theme.purged.rtl.min.css et custom.rtl.css.
   Police arabe + corrections typographiques (l'espacement de lettres casse les liaisons arabes).
*/

html[lang^="ar"] body,
html[lang^="ar"] h1, html[lang^="ar"] h2, html[lang^="ar"] h3,
html[lang^="ar"] h4, html[lang^="ar"] h5, html[lang^="ar"] h6,
html[lang^="ar"] .btn, html[lang^="ar"] .nav-link, html[lang^="ar"] .dropdown-item,
html[lang^="ar"] .blockquote, html[lang^="ar"] .lead,
html[lang^="ar"] #header-overlay .nav-link,
html[lang^="ar"] #header-overlay .dropdown-item,
html[lang^="ar"] #header-overlay .btn-rdv,
html[lang^="ar"] #header-overlay .brand-txt .b-name,
html[lang^="ar"] #header-overlay .brand-txt .b-sub,
html[lang^="ar"] footer .brand-txt .b-name,
html[lang^="ar"] footer .brand-txt .b-sub {
  font-family: 'Cairo', 'Segoe UI', Tahoma, sans-serif !important;
}

/* Lettres arabes liées : jamais d'espacement ni de majuscules forcées */
html[lang^="ar"] body,
html[lang^="ar"] body * {
  letter-spacing: normal !important;
}
html[lang^="ar"] .text-cap,
html[lang^="ar"] #header-overlay .nav-link,
html[lang^="ar"] #header-overlay .btn-rdv,
html[lang^="ar"] #header-overlay .brand-txt .b-sub {
  text-transform: none !important;
}

/* Lisibilité : l'arabe gagne à être un peu plus grand et plus aéré */
html[lang^="ar"] body { font-size: 1.05rem; line-height: 1.85; }
html[lang^="ar"] #header-overlay .nav-link { font-size: .92rem; }
html[lang^="ar"] #header-overlay .dropdown-item { font-size: .92rem; }
html[lang^="ar"] #header-overlay .brand-txt .b-name { font-size: 1.05rem; font-weight: 700; }
html[lang^="ar"] #header-overlay .brand-txt .b-sub { font-size: .72rem; line-height: 1.5; }
html[lang^="ar"] h1, html[lang^="ar"] h2, html[lang^="ar"] h3 { line-height: 1.5; }

/* Le texte justifié crée de grands blancs en arabe : alignement naturel (droite) */
html[lang^="ar"] [style*="text-align: justify"],
html[lang^="ar"] [style*="text-align:justify"] {
  text-align: start !important;
}

/* Numéros et e-mails marqués dir="ltr" : restent alignés à droite dans un bloc arabe */
html[dir="rtl"] [dir="ltr"].d-block { text-align: right; }

/* Flèche des menus déroulants orientée vers la gauche */
html[dir="rtl"] #header-overlay .dropdown-toggle::after { transform: rotate(90deg) scaleX(-1); }

/* Puces des listes cochées et accordéons : icône côté droit */
html[dir="rtl"] .accordion-btn-icon-start .accordion-button { text-align: right; }