/* Right-to-left (Arabic) overrides, loaded only on /ar pages after bootstrap.rtl.min.css */
html[dir="rtl"] body,
html[dir="rtl"] h1, html[dir="rtl"] h2, html[dir="rtl"] h3, html[dir="rtl"] h4, html[dir="rtl"] h5, html[dir="rtl"] h6,
html[dir="rtl"] p, html[dir="rtl"] a, html[dir="rtl"] li, html[dir="rtl"] button, html[dir="rtl"] input, html[dir="rtl"] textarea, html[dir="rtl"] select {
  font-family: "Segoe UI", Tahoma, "Noto Sans Arabic", "Geeza Pro", "Arial", sans-serif !important;
  letter-spacing: normal !important;
}
html[dir="rtl"] body { text-align: right; }
html[dir="rtl"] .text-start { text-align: right !important; }
html[dir="rtl"] .text-lg-start { text-align: right !important; }
/* Keep code, emails, phone numbers and URLs readable left-to-right */
html[dir="rtl"] code, html[dir="rtl"] pre, html[dir="rtl"] a[href^="tel:"], html[dir="rtl"] a[href^="mailto:"], html[dir="rtl"] .ltr { direction: ltr; unicode-bidi: embed; }
/* Arrows that point "forward" should point left in RTL */
html[dir="rtl"] .rtl-flip { transform: scaleX(-1); }

/* Hero: the dark gradient behind the text sits on the left in LTR; mirror it for RTL */
html[dir="rtl"] [class*="bgScrim"] { transform: scaleX(-1); }
html[dir="rtl"] .hero-slide0-bg, html[dir="rtl"] .hero-slide0-bgVideo { transform: none; }