/* Fix for double scrollbar issue when offcanvas is open */
body.offcanvas-open {
    overflow: hidden !important;
}

/* Ensure main content doesn't create its own scrollbar when offcanvas is open */
.page {
    overflow-x: hidden;
}

/* Prevent double scrollbars */
html,
body {
    overflow-x: hidden;
}

/* Make offcanvas background fully opaque to hide MyCart page behind it */
.offcanvas {
    background: #f3f4f6 !important;
    /* Solid light gray background */
}

.offcanvas-body {
    background: #f3f4f6 !important;
    /* Solid light gray background */
}

/* Dark mode offcanvas background */
@media (prefers-color-scheme: dark) {
    .offcanvas {
        background: #1f2937 !important;
        /* Solid dark gray background */
    }

    .offcanvas-body {
        background: #1f2937 !important;
        /* Solid dark gray background */
    }
}