@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700&display=swap');
html[lang="ar"] {
  direction: rtl;
}
html[lang="ar"] body {
  font-family: 'Tajawal', sans-serif;
}
html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] h4 {
  font-family: 'Tajawal', serif;
}


/* Lien FR : poussé à droite (dans un conteneur RTL) */
html[lang="ar"] .navbar-info-container a[hreflang="fr"] {
  margin-right: auto;
  margin-left: 0;
}

/* Dropdowns : s'ouvrent à droite */
html[lang="ar"] .dropdown-menu {
  left: auto;
  right: 0;
}
html[lang="ar"] .subdropdown-menu {
  left: auto;
  right: 100%;
  transform: translateX(4px);
}





/* ══════════════════════════════════════════════════════════
   SECTION HEADS
══════════════════════════════════════════════════════════ */
html[lang="ar"] .section-head {
  text-align: right;
}
html[lang="ar"] .section-label {
  display: block;
  text-align: right;
}
html[lang="ar"] .gold-line {
  margin-inline-start: 0;
}

/* ══════════════════════════════════════════════════════════
   STEPS
══════════════════════════════════════════════════════════ */
html[lang="ar"] .step-card {
  text-align: right;
}

/* ══════════════════════════════════════════════════════════
   TREATMENTS
══════════════════════════════════════════════════════════ */
html[lang="ar"] .treatment-card {
  text-align: right;
}
html[lang="ar"] .treatment-link {
  flex-direction: row-reverse;
  justify-content: flex-end;
}
html[lang="ar"] .treatment-link svg {
  transform: scaleX(-1);
}
html[lang="ar"] .treatment-link:hover svg {
  transform: scaleX(-1) translateX(3px);
}