/**
 * Azadi Style mobile drawers
 * RTL drawers stay on Woodmart's native wd-left class; only their physical
 * edge and closed/open transforms are corrected for mobile.
 */
@media (max-width: 1024px) {
  body.rtl :is(.mobile-nav, .cart-widget-side).wd-side-hidden.wd-left {
    --wd-side-hidden-w: min(360px, 88vw);
    position: fixed !important;
    right: 0 !important;
    left: auto !important;
    width: min(360px, 88vw) !important;
    max-width: 88vw !important;
    box-sizing: border-box;
    transform: translate3d(100%, 0, 0) !important;
    border-radius: 24px 0 0 24px;
    background-color: #FFFFFF;
    box-shadow: -18px 0 48px rgba(29, 29, 31, 0.16);
  }

  body.rtl :is(.mobile-nav, .cart-widget-side).wd-side-hidden.wd-left.wd-opened {
    transform: translate3d(0, 0, 0) !important;
  }

  body.rtl .mobile-nav.wd-side-hidden.wd-left {
    overflow-x: hidden;
    overflow-y: auto;
    touch-action: pan-y;
  }

  body.rtl .cart-widget-side.wd-side-hidden.wd-left {
    overflow: hidden;
  }
}

@media (max-width: 380px) {
  body.rtl :is(.mobile-nav, .cart-widget-side).wd-side-hidden.wd-left {
    --wd-side-hidden-w: 90vw;
    width: 90vw !important;
    max-width: 90vw !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.rtl :is(.mobile-nav, .cart-widget-side).wd-side-hidden {
    transition-duration: 0.01ms !important;
  }
}