/* Fix drawer visibility - force display on all screen sizes */

/* Desktop: show tabs */
@media screen and (min-width: 60em) {
    .md-tabs {
        display: block !important;
    }

    .md-header__button[for="__drawer"] {
        display: none !important;
    }
}

/* Mobile/Tablet: fix drawer z-index and visibility */
@media screen and (max-width: 59.9375em) {

    /* When drawer checkbox is checked, force sidebar to be visible */
    [data-md-toggle="drawer"]:checked~.md-container .md-sidebar--primary {
        transform: translateX(0) !important;
        visibility: visible !important;
        display: block !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 12.1rem !important;
        height: 100vh !important;
        z-index: 200 !important;
        background-color: var(--sheaf-primary) !important;
    }

    /* Overlay must be visible and below drawer */
    [data-md-toggle="drawer"]:checked~.md-overlay {
        opacity: 1 !important;
        visibility: visible !important;
        z-index: 199 !important;
    }

    /* Ensure drawer content is visible */
    .md-sidebar--primary .md-sidebar__scrollwrap {
        overflow-y: auto !important;
        visibility: visible !important;
    }
}