/* RTL overrides — loaded only on Arabic (/ar/) pages, after main.css + the studio theme file */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&display=swap');

html[dir="rtl"] body {
  font-family: "Cairo", -apple-system, "Segoe UI", Tahoma, Arial, sans-serif;
}

/* mirror directional arrow icons so they point the correct way in RTL */
html[dir="rtl"] .division-card__go svg,
html[dir="rtl"] .group-bar svg,
html[dir="rtl"] .division-switch__trigger svg,
html[dir="rtl"] .work-card__go svg {
  transform: scaleX(-1);
}

html[dir="rtl"] .lang-switch--floating { left: 18px; right: auto; }

/* the division-switch dropdown menu anchors to the wrong side under RTL flex-reversal — pin it back */
html[dir="rtl"] .division-switch__menu { right: auto; left: 0; }

/* faq marker sits before the question text in RTL automatically via flexbox reversal — no extra rule needed */