/**
 * Sidebar Toggle Styles
 * Mobile sidebar drawer styles for kt_aside
 */

/* Mobile sidebar - override display:none and position for drawer behavior */
@media (max-width: 991.98px) {
    #kt_aside {
        display: flex !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        height: 100% !important;
        z-index: 105 !important;
        transform: translateX(-100%);
        transition: transform 0.3s ease;
    }

    #kt_aside.drawer-on {
        transform: translateX(0) !important;
    }
}

/* Ensure aside is visible on desktop */
@media (min-width: 992px) {
    #kt_aside {
        transform: none !important;
    }

    #kt_aside_overlay {
        display: none !important;
    }
}