/* Cart Drawer RTL Fixes */

/* Force close button to stay on the left side in RTL */
[dir="rtl"] #cart-drawer button[aria-label*="Close"] {
    left: 0.5rem !important;
    right: auto !important;
}

/* Ensure proper header padding for RTL */
[dir="rtl"] #cart-drawer header {
    padding-left: 4rem !important;
    padding-right: 1rem !important;
}

/* Fix any potential Tailwind RTL auto-flipping */
#cart-drawer button[aria-label*="Close"] {
    position: absolute;
    top: 0;
    left: 0.5rem;
    right: auto;
}

/* Additional specificity for RTL override */
html[dir="rtl"] #cart-drawer button[aria-label*="Close"],
body[dir="rtl"] #cart-drawer button[aria-label*="Close"] {
    left: 0.5rem !important;
    right: auto !important;
}

/* RTL Animation Fix - Cart should slide from LEFT side */

/* RTL Cart positioning - move to left side */
[dir="rtl"] #cart-drawer div[role="dialog"] {
    left: 0 !important;
    right: auto !important;
}