/* ==========================================================================
   Lamsaty Silky — rtl.css
   Direction-dependent rules ONLY (fonts, line-height, letter-spacing).
   Layout mirroring is handled automatically by the CSS logical
   properties used in styles.css — nothing positional belongs here.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Arabic (RTL, default)
   -------------------------------------------------------------------------- */
html[dir="rtl"] body {
  font-family: var(--font-ar);
  line-height: 1.8; /* Arabic needs more breathing room */
  letter-spacing: 0; /* never letter-space Arabic script */
}

html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4 {
  font-family: var(--font-ar);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.5; /* taller for Arabic diacritics/ascenders */
}

html[dir="rtl"] .btn,
html[dir="rtl"] .price-badge,
html[dir="rtl"] .hero__badge,
html[dir="rtl"] .faq__question {
  letter-spacing: 0;
  font-weight: 700; /* Cairo bold for CTAs */
}

/* Latin brand name keeps a Latin-friendly face even in RTL */
html[dir="rtl"] .nav__brand,
html[dir="rtl"] .footer__logo span {
  font-family: var(--font-fr-body);
}

/* --------------------------------------------------------------------------
   French (LTR)
   -------------------------------------------------------------------------- */
html[dir="ltr"] body {
  font-family: var(--font-fr-body);
  line-height: 1.6;
}

html[dir="ltr"] h1,
html[dir="ltr"] h2,
html[dir="ltr"] h3 {
  font-family: var(--font-fr-heading);
  font-weight: 700;
  line-height: 1.25;
}

html[dir="ltr"] .hero__badge,
html[dir="ltr"] .price-badge,
html[dir="ltr"] .btn {
  letter-spacing: 0.02em;
}

html[dir="ltr"] .section__subtitle {
  letter-spacing: 0.01em;
}