/* Right-to-left fixes for Arabic pages (/ar). Loaded only on pages with dir="rtl",
   after revox-additions.css. Flex and grid layouts mirror on their own; these
   cover the Webflow floats, carousels and marquees that don't. */

[dir="rtl"] body { text-align: right; }

/* Webflow grid columns float left; mirror them. */
[dir="rtl"] .w-col { float: right; }
[dir="rtl"] .w-col-push-0, [dir="rtl"] .w-col-pull-0 { right: auto; left: auto; }

/* Carousels and marquees are driven by JS and keyframes that assume LTR.
   Keep their tracks LTR, and the text inside each slide RTL. */
[dir="rtl"] .splide, [dir="rtl"] .w-slider, [dir="rtl"] .slick-slider,
[dir="rtl"] .techstack, [dir="rtl"] .marquee { direction: ltr; }
[dir="rtl"] .splide__slide, [dir="rtl"] .w-slide, [dir="rtl"] .slick-slide,
[dir="rtl"] .techstack .overline { direction: rtl; }

/* Arrows that point "forward" should point left. */
[dir="rtl"] .t-learn-chevron, [dir="rtl"] .w-icon-arrow-right { transform: scaleX(-1); }

/* Arabic script reads better a little larger and without tracking. */
[dir="rtl"] .rvx-eyebrow, [dir="rtl"] .overline { letter-spacing: 0; }
[dir="rtl"] p, [dir="rtl"] li { line-height: 1.75; }

/* Phone numbers, emails and addresses stay LTR inside RTL text. */
[dir="rtl"] a[href^="tel:"], [dir="rtl"] a[href^="mailto:"] { direction: ltr; unicode-bidi: isolate; }

/* The English "Humanizing TECHNOLOGY" slogan stays in English; line both words up on the right. */
[dir="rtl"] .slide-up { display: flex; flex-direction: column; align-items: flex-end; direction: ltr; }

/* The tech-stack label otherwise shrinks to its longest word. */
[dir="rtl"] .tech-wrapper > .overline { flex: 0 0 auto; width: 9em; }