/* ============================================================ MODA CARAMELLO — rtl.css RTL overrides — activated via dir="rtl" on ============================================================ */ html[dir="rtl"] { font-family: var(--font-ar); } /* In RTL, inset-inline-start = right, inset-inline-end = left. Most logical properties auto-flip, so minimal overrides needed. */ /* ---------- Mobile menu slide from right ---------- */ html[dir="rtl"] .nav__links--open { inset-inline-start: auto; inset-inline-end: 0; } /* ---------- Cart page ---------- */ html[dir="rtl"] .cart-item__remove svg { transform: scaleX(1); } /* ---------- Filter sidebar ---------- */ html[dir="rtl"] .filter-toggle__icon { transform: scaleX(1); }