/* Custom mmenu styles */

/* Prevent overscroll gaps while maintaining scroll */
html, 
body {
    background: #fff;
    overscroll-behavior-y: none; /* Prevent overscroll bounce */
}

/* Fix z-index stacking for policy panel and mmenu */
.zen-panel--policy {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1060; /* Just above modal */
    background: #fff;
}

/* Ensure mmenu doesn't create gap */
.mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened ~ .mm-page {
    height: 100%;
}

/* Prevent content overflow */
#page {
    min-height: 100vh;
    position: relative;
    background: #fff;
}

/* Adjust page z-index when it has mmenu classes */
#page.mm-page.mm-slideout {
    z-index: 1;
    position: relative;
}

/* Ensure proper stacking of panels */
.mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened {
    z-index: 1040; /* Below modal backdrop (1050) */
}

/* Hide any overflow from the policy panel */
body.mm-wrapper_opening {
    overflow: hidden;
}

/* Fix footer container gap */
.zen-footer {
    position: relative;
    z-index: 0; /* was 1 */
    background: #fff;
}

.zen-footer .container.mb-4 {
    margin-bottom: 0 !important; /* Override the margin causing the gap */
}

/* Ensure modals stack properly */
.modal {
    z-index: 1055; /* Above backdrop */
}
.modal-backdrop {
    z-index: 1050; /* Bootstrap default */
}



/* Override overlay z-index when facets are open */
.zen-filters-open .mm-wrapper__blocker {
    z-index: 2 !important;
}

/* Ensure overlay is below facets but above page content */
.zen-overlay {
    z-index: 2 !important;
}