/* ==========================================================================
   Soroush Mandegar — RTL direction layer (fa, ar)
   Load AFTER style.css. Activated when html[dir="rtl"].
   ========================================================================== */

html[dir="rtl"] {
  direction: rtl;
  text-align: start;
  --font-display: "Vazirmatn", Tahoma, "Segoe UI", sans-serif;
  --font-body: "Vazirmatn", Tahoma, "Segoe UI", sans-serif;
}

html[dir="rtl"] body {
  font-family: var(--font-body);
}

/* Prefer logical alignment for reusable blocks */
html[dir="rtl"] .section__header--center,
html[dir="rtl"] .empty-state,
html[dir="rtl"] .footer-bottom__inner {
  text-align: center;
}

/* Uppercase Latin eyebrows look odd in FA/AR — soften tracking */
html[dir="rtl"] .section__eyebrow,
html[dir="rtl"] .card__meta,
html[dir="rtl"] .footer-col__title,
html[dir="rtl"] .contact-info__label,
html[dir="rtl"] .case-study__eyebrow {
  letter-spacing: 0.02em;
  text-transform: none;
}

/* Language switcher sits in header row */
html[dir="rtl"] .lang-switcher {
  margin-inline-start: 0;
}

/* Forms: keep labels start-aligned in RTL */
html[dir="rtl"] .form label,
html[dir="rtl"] .form__legend {
  text-align: start;
}

/* Breadcrumb separator spacing already logical via inline-start in style.css */