/* Mobile Sidebar Fixes */
@media (max-width: 768px) {
    #wrapper {
        position: relative;
        overflow-x: hidden;
    }

    #sidebar-wrapper {
        position: fixed;
        height: 100vh;
        z-index: 1050;
        top: 0;
        left: 0;
        margin-left: -260px; /* Hidden by default */
        transition: margin-left 0.3s ease;
        box-shadow: 5px 0 15px rgba(0,0,0,0.1);
    }

    #wrapper.toggled #sidebar-wrapper {
        margin-left: 0; /* Visible when toggled */
    }

    /* Overlay logic */
    #wrapper.toggled #sidebar-overlay {
        display: block !important;
    }

    /* Ensure content doesn't shift on mobile */
    #page-content-wrapper {
        min-width: 100vw;
    }
}