/* Right-to-left + Arabic typography for the landing pages.
   Loaded only when the active language is Arabic (see base template). The
   markup is shared with the LTR site; this sheet flips direction, swaps in an
   Arabic font, and mirrors the few directional animations. */

:root[dir="rtl"],
.lang-ar {
    direction: rtl;
}

/* Arabic typeface — system stack so no external font file is needed and the
   strict CSP is satisfied. Digits stay Western via the Inter fallback. */
.lang-ar,
.lang-ar body {
    font-family:
        "Segoe UI", "Tahoma", "Geeza Pro", "Noto Sans Arabic",
        "Cairo", "Tajawal", "Inter", "Inter Fallback", system-ui, sans-serif;
}

/* Latin numerals inside Arabic layout (stats, prices, timers) read better
   left-to-right even on an RTL page. */
.lang-ar .tabular-nums,
.lang-ar [data-count-to],
.lang-ar [data-slot-count],
.lang-ar [data-countdown] {
    direction: ltr;
    unicode-bidi: isolate;
}

/* ---- mirror the horizontal marquees ----
   The tracks translate on X; under RTL the visual travel direction inverts,
   so run each keyframe the opposite way to preserve the intended flow. */
.lang-ar .partners-track-l { animation-name: partners-marquee-r; }
.lang-ar .partners-track-r { animation-name: partners-marquee-l; }
.lang-ar .stories-track,
.lang-ar .collab-track-l,
.lang-ar .about-collab-track,
.lang-ar .for-doctors-track,
.lang-ar .roadmap-track {
    animation-direction: reverse;
}

/* ---- keep intrinsically LTR / decorative artwork un-flipped ----
   Phone mockups, SVG maps, and store badges are pixel artwork whose internal
   layout must not mirror; pin them back to LTR. */
.lang-ar svg,
.lang-ar [class*="rounded-[2.5rem]"],   /* phone frames */
.lang-ar [style*="transform:rotate"] {
    direction: ltr;
}

/* The decorative background blobs use left/right insets that don't need
   flipping; leave them. Section entrance transform is vertical only. */