/* Arabic-only typography and bidi corrections; Rayo core and English are unchanged. */
html[lang="ar"] {
  direction: rtl;
  --_font-default: "Funnel Sans", Tahoma, Arial, sans-serif;
  --_font-accent: "Funnel Display", Tahoma, Arial, sans-serif;
}
html[lang="ar"] h1, html[lang="ar"] h2, html[lang="ar"] h3,
html[lang="ar"] h4, html[lang="ar"] h5, html[lang="ar"] h6,
html[lang="ar"] p, html[lang="ar"] a, html[lang="ar"] button,
html[lang="ar"] input, html[lang="ar"] textarea { letter-spacing: 0; }
html[lang="ar"] .word, html[lang="ar"] .btn-anim__letter { white-space: nowrap; }
html[lang="ar"] input[type="email"], html[lang="ar"] input[type="tel"],
html[lang="ar"] a[href^="mailto:"], html[lang="ar"] a[href^="tel:"] {
  direction: ltr; unicode-bidi: isolate;
}
html[lang="ar"] .glma-menu-ar-link { direction: ltr; unicode-bidi: isolate; }
html[lang="ar"] .glma-menu-ar-link .glma-ar-word { direction: ltr; text-align: left; }
html[lang="ar"] .btn-absolute-right { right: auto; left: 0; }
html[lang="ar"] input:has(~ .btn-absolute-right) { padding-left: 6rem; }

/* Mirror physical offsets without changing Rayo's dimensions or breakpoints. */
html[lang="ar"] .mxd-header { left: auto; right: 3rem; }
html[lang="ar"] .mxd-header__controls { flex-wrap: nowrap; align-items: center; }
html[lang="ar"] .mxd-header__controls > * { flex-shrink: 0; }
html[lang="ar"] .mxd-promo__images { right: auto; left: 0; }
html[lang="ar"] .mxd-services-stack__controls { right: auto; left: 1rem; }
html[lang="ar"] .mxd-services-stack__title { padding-right: 0; padding-left: 2.6rem; }
html[lang="ar"] .mxd-services-stack__title.showcase-title { padding-left: 0; }

/* Text follows the reading direction, including explicit LTR template rules. */
html[lang="ar"] :is(h1,h2,h3,h4,h5,h6,p,li,blockquote,label,input,textarea,th,td),
html[lang="ar"] :is(.mxd-article,.mxd-article__block,.mxd-section-title,.mxd-section-title__descr) {
  text-align: right;
}
html[lang="ar"] .mxd-article :is(ul,ol) { padding-left: 0; padding-right: 2rem; }

/* GSAP's looping coordinates are physical; isolate tracks from RTL flow. */
html[lang="ar"] .marquee { direction: ltr; }
html[lang="ar"] .marquee__item { direction: rtl; }
html[lang="ar"] .testimonials-slider__shadow {
  right: auto; left: 0;
  background: linear-gradient(to left, rgba(var(--base-rgb), 0), rgba(var(--base-rgb), 1));
}
html[lang="ar"] :is(.swiper-testimonials,.swiper-testimonials-2) { direction: rtl; }
html[lang="ar"] .swiper-testimonials__controls .mxd-slider-btn i { transform: scaleX(-1); }
html[lang="ar"] .mxd-testimonials-card { width: 100%; text-align: right; }

html[lang="ar"] .mxd-stats-cards__inner { align-items: flex-end; }

@media only screen and (min-width: 768px) {
  html[lang="ar"] .mxd-stats-cards__inner.align-end { align-items: flex-start; }
  html[lang="ar"] .mxd-header { right: 6rem; }
  html[lang="ar"] .swiper-testimonials .swiper-slide { width: 460px; }
}
@media only screen and (min-width: 992px) {
  html[lang="ar"] .services-stack__image { right: auto; left: 0; }
  html[lang="ar"] .services-stack__image .service-img { right: auto; left: -15%; }
  html[lang="ar"] .mxd-services-stack__info.showcase-info { padding-right: 0; padding-left: 1.5rem; }
  html[lang="ar"] .swiper-testimonials__controls { left: auto; right: 1.5rem; }
}
@media only screen and (min-width: 1200px) {
  html[lang="ar"] .services-stack__image .service-img { left: 0; }
}
@media only screen and (min-width: 1400px) {
  html[lang="ar"] .swiper-testimonials .swiper-slide { width: 500px; }
}
@media only screen and (min-width: 1600px) {
  html[lang="ar"] .mxd-header { right: 9rem; }
  html[lang="ar"] .swiper-testimonials .swiper-slide { width: 630px; }
}