/* Make Drawer Overlay transparent — keeps click-to-dismiss but no dark background */
.mud-overlay-drawer {
    background-color: transparent !important;
}

/* Specifically for MudSelect backdrop */
.mud-overlay:not(.mud-overlay-drawer):not(.mud-overlay-dialog) {
    background-color: transparent !important;
}

/* Hide close button on desktop */
.mobile-drawer-close-btn {
    display: none !important;
}

@media (max-width: 959.98px) {
    /* Show close button on mobile/tablet */
    .mobile-drawer-close-btn {
        display: inline-flex !important;
        color: var(--mud-palette-text-primary) !important;
    }

    /* Fix for responsive drawer not closing completely on mobile/tablet due to custom width overrides */
    .mud-drawer.premium-drawer-responsive.mud-drawer--closed,
    .mud-drawer.premium-drawer-responsive.mud-drawer-closed {
        transform: translateX(-100%) !important;
    }
}

/* Responsive Right Drawer (PremiumDrawer) */
.mud-drawer.premium-right-drawer-responsive {
    max-width: 100vw !important;
}

@media (max-width: 600px) {
    .mud-drawer.premium-right-drawer-responsive {
        width: 100% !important;
        border-radius: 0 !important;
    }
}