/* Right-to-left adjustments for Arabic */

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

html[dir="rtl"] .language-menu { right: auto; left: 0; }
html[dir="rtl"] .footer-cta__title,
html[dir="rtl"] .footer-cta__text { text-align: right; }

html[dir="rtl"] .hero__inner { direction: rtl; }
html[dir="rtl"] .feature-card__icon i.fa-arrow-right { transform: scaleX(-1); }
html[dir="rtl"] .btn .fa-arrow-right { transform: scaleX(-1); }

/* Auth arrows mirror in Arabic. Booktime does this verbatim for both:
     .sign-in-icon::before  { content:"\f090"; transform: rotate(180deg) }
     .sign-out-icon::before { content:"\f08b"; transform: rotate(180deg) }
     .layout-ltr .sign-in-icon::before,
     .layout-ltr .sign-out-icon::before { transform: none }
   i.e. rotated in RTL, upright in LTR (Booktime's default culture is Arabic, so
   its base rule is the rotated one and LTR is the override). Keyed to the icon
   classes so it holds wherever the icons are used — header Sign In and the
   Sign Out item in the user dropdown. Both glyphs are vertically symmetric, so
   rotate(180deg) reads as a horizontal mirror. */
html[dir="rtl"] .fa-arrow-right-to-bracket,
html[dir="rtl"] .fa-arrow-right-from-bracket { transform: rotate(180deg); }