/* ===========================================================
   RTL overrides - loaded only when dir="rtl" (Arabic)
   =========================================================== */

html[dir="rtl"] body {
    font-family: 'Segoe UI', Tahoma, Arial, sans-serif;
    line-height: 1.8;
}

/* Mobile admin sidebar hides toward the visual "outside" edge, which is the
   right side in RTL (since inset-inline-start resolves to right:0 there).
   Scoped to the same breakpoint as the base hide/show transform in
   admin.css - unscoped, this also matched on desktop and pushed the
   always-visible sidebar off-screen whenever Arabic was active. */
@media (max-width: 900px) {
    html[dir="rtl"] .admin-sidebar {
        transform: translateX(100%);
    }

    html[dir="rtl"] .admin-sidebar.open {
        transform: translateX(0);
    }
}

/* Product marquee should visually scroll toward the reading start side. */
html[dir="rtl"] .product-marquee-track {
    animation-direction: reverse;
}

html[dir="rtl"] .lang-switch {
    font-family: 'Segoe UI', Tahoma, Arial, sans-serif;
}