/* ============================================================
   RTL overrides (Arabic)
   ============================================================ */

/* Tailwind logical properties mostly handle RTL automatically.
   This file catches anything that needs manual flipping. */

.dropdown-menu { inset-inline-start: 0; right: auto; left: auto; }

/* Toggle sliders that use 'left' explicitly */
.checkbox-toggle { left: auto; right: 2px; }
.checkbox-toggle.on { right: auto; left: 2px; }

/* Force LTR for phone numbers, codes */
.phone, .sku-code, [dir="ltr"] { direction: ltr; }

/* Swiper arrows need to be flipped for RTL */
.swiper-rtl .swiper-button-next { right: auto; left: 16px; transform: scaleX(-1); }
.swiper-rtl .swiper-button-prev { left: auto; right: 16px; transform: scaleX(-1); }