/* ============================================
   RTL Overrides
   ============================================ */

/* Swiper arrow flip */
[dir="rtl"] .swiper-button-prev,
[dir="rtl"] .carousel-nav-btn--prev {
  transform: scaleX(-1);
}

[dir="rtl"] .swiper-button-next,
[dir="rtl"] .carousel-nav-btn--next {
  transform: scaleX(-1);
}

/* Mobile nav slide direction — ONLY at mobile breakpoint
   (desktop RTL is handled by CSS Grid auto-reversal of .navbar__inner) */
@media (max-width: 768px) {
  [dir="rtl"] .navbar__nav {
    transform: translateX(100%);
  }

  [dir="rtl"] .navbar__nav.is-open {
    transform: translateX(0);
  }
}

/* Cart drawer slide direction */
[dir="rtl"] .cart-drawer {
  left: 0;
  right: auto;
  transform: translateX(-100%);
}

[dir="rtl"] .cart-drawer.is-open {
  transform: translateX(0);
}

/* Breadcrumb separator */
[dir="rtl"] .breadcrumb__separator {
  transform: scaleX(-1);
}

/* Password toggle position */
[dir="rtl"] .password-toggle {
  right: auto;
  left: 0.75rem;
}

/* Promo banner close button */
[dir="rtl"] .promo-banner__close {
  right: auto;
  left: var(--space-lg);
}

/* Filter dropdown alignment */
[dir="rtl"] .filter-bar__dropdown {
  left: auto;
  right: 0;
}

/* Product badge position */
[dir="rtl"] .product-card__badge {
  left: auto;
  right: var(--space-sm);
}

/* Wishlist button position */
[dir="rtl"] .product-card__wishlist {
  right: auto;
  left: var(--space-sm);
}