/* ============================================================
   Vexxa AI — RTL overrides (loaded on Arabic only)
   Most layout uses CSS logical properties, so this file only
   patches the few rules that are physically directional.
   ============================================================ */

/* Arabic display text needs more leading than Latin — loosen headings */
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3 { line-height: 1.4; }

/* Marquee scrolls the other way in RTL */
html[dir="rtl"] .vx-marquee-track {
    animation-name: vxMarqueeRtl;
}
@keyframes vxMarqueeRtl { to { transform: translateX(50%); } }

/* Orbit dashed ring spins same visually — fine. */

/* Hero arrows / chevrons flip */
html[dir="rtl"] .vx-slider-arrows .bi-arrow-right::before { content: "\f12f"; }   /* arrow-left */
html[dir="rtl"] .vx-slider-arrows .bi-arrow-left::before  { content: "\f138"; }   /* arrow-right */

/* Letter-spacing looks off on Arabic uppercase eyebrows — relax it */
html[dir="rtl"] .vx-eyebrow,
html[dir="rtl"] .vx-product-cat,
html[dir="rtl"] .vx-dash-nav-label,
html[dir="rtl"] .vx-footer h4,
html[dir="rtl"] .vx-tag {
    letter-spacing: 0;
    text-transform: none;
}

/* Bootstrap-icons are not mirrored; nudge inline chevrons */
html[dir="rtl"] .vx-breadcrumb .bi-chevron-right::before { content: "\f284"; } /* chevron-left */

/* Drawer & dashboard sidebar already use logical props — nothing to do */

/* Hero scrim — flip so the dark side sits under the (right-aligned) copy */
html[dir="rtl"] .vx-slide-scrim {
    background:
        linear-gradient(245deg, rgba(8, 9, 28, .88) 0%, rgba(8, 9, 28, .55) 40%, rgba(8, 9, 28, .12) 75%, transparent 100%),
        linear-gradient(to top, rgba(8, 9, 28, .55), transparent 38%);
}

/* Mirror the hero artwork so its busy side moves left, away from the
   right-aligned Arabic copy (keeps the ken-burns zoom). */
html[dir="rtl"] .vx-slide-bg { transform: scaleX(-1) scale(1.06); }
html[dir="rtl"] .vx-slide.is-active .vx-slide-bg { transform: scaleX(-1) scale(1); }