/* ============================================================
   COVALENT BOND — RTL STYLESHEET
   Direction overrides for Arabic (/ar/) and future Hebrew (/he/)
   Always loaded AFTER base.css
   ============================================================ */

/* ── DIRECTION & TEXT ────────────────────────────────────────  */
html[dir="rtl"],
html[lang="ar"],
html[lang="he"] {
  direction: rtl;
}

[dir="rtl"] body {
  text-align: right;
}

/* ── ARABIC FONT ─────────────────────────────────────────────  */
html[lang="ar"] body {
  font-family: 'Tajawal', 'Segoe UI', Tahoma, sans-serif;
}

html[lang="ar"] .nav-links a,
html[lang="ar"] .btn,
html[lang="ar"] .form-label,
html[lang="ar"] .section-label {
  font-family: 'Tajawal', sans-serif;
  letter-spacing: 0; /* Arabic doesn't use letter-spacing */
}

/* ── HEBREW FONT (Phase 5) ───────────────────────────────────  */
html[lang="he"] body {
  font-family: 'Heebo', 'Segoe UI', Arial, sans-serif;
}

html[lang="he"] .nav-links a,
html[lang="he"] .btn,
html[lang="he"] .form-label {
  font-family: 'Heebo', sans-serif;
  letter-spacing: 0;
}

/* ── NAVIGATION ──────────────────────────────────────────────  */
[dir="rtl"] .nav-links {
  flex-direction: row-reverse;
}

[dir="rtl"] .nav-links .nav-cta {
  margin-right: 12px;
  margin-left: 0;
}

[dir="rtl"] .lang-switcher {
  margin-right: 16px;
  margin-left: 0;
}

/* Mobile nav RTL */
@media (max-width: 960px) {
  [dir="rtl"] .nav-links a {
    text-align: right;
    padding: 14px 24px;
  }

  [dir="rtl"] .nav-links .nav-cta {
    margin: 8px 24px 4px;
    text-align: center;
  }
}

/* ── SECTION LABELS ──────────────────────────────────────────  */
[dir="rtl"] .section-label {
  flex-direction: row-reverse;
}

[dir="rtl"] .section-label::before {
  order: 1;
}

[dir="rtl"] .page-eyebrow {
  flex-direction: row-reverse;
}

[dir="rtl"] .page-eyebrow::before {
  order: 1;
}

/* ── FOOTER ──────────────────────────────────────────────────  */
[dir="rtl"] .footer-main {
  direction: rtl;
  text-align: right;
}

[dir="rtl"] .footer-col ul li {
  text-align: right;
}

[dir="rtl"] .footer-bottom {
  flex-direction: row-reverse;
}

[dir="rtl"] .footer-social {
  flex-direction: row-reverse;
}

/* ── BUTTONS ─────────────────────────────────────────────────  */
[dir="rtl"] .btn {
  flex-direction: row-reverse;
}

/* ── WHATSAPP FLOAT — move to left side ──────────────────────  */
[dir="rtl"] .wa-float {
  right: auto;
  left: 28px;
}

@media (max-width: 960px) {
  [dir="rtl"] .wa-float {
    right: auto;
    left: 20px;
  }
}

/* ── FORMS ───────────────────────────────────────────────────  */
[dir="rtl"] .form-group {
  text-align: right;
}

[dir="rtl"] .form-consent {
  flex-direction: row-reverse;
}

[dir="rtl"] .form-radio {
  flex-direction: row-reverse;
}

[dir="rtl"] .form-radio-txt {
  text-align: right;
}

[dir="rtl"] .form-section-title {
  text-align: right;
}

/* ── LISTS & CARDS ───────────────────────────────────────────  */
[dir="rtl"] .svc-list li {
  flex-direction: row-reverse;
}

[dir="rtl"] .svc-list li::before {
  order: 1;
}

/* ── UTILITY ─────────────────────────────────────────────────  */
[dir="rtl"] .reveal {
  transform: translateY(28px); /* Keep same vertical reveal */
}