/* FIX SIDEBAR MOBILE - CSS ultra prioritaire */

@media (max-width: 991.98px) {
    /* Forcer la sidebar à être visible et positionnée correctement */
    .sidebar,
    #sidebarMenu {
        display: block !important;
        visibility: visible !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 280px !important;
        height: 100vh !important;
        background-color: #2d2d2d !important;
        z-index: 9999 !important;
        transform: translateX(-100%);
        transition: transform 0.3s ease-in-out !important;
        overflow-y: auto !important;
        padding-top: 56px !important;
    }

    /* Quand la sidebar est ouverte (.show) */
    .sidebar.show,
    #sidebarMenu.show {
        transform: translateX(0) !important;
        box-shadow: 2px 0 15px rgba(0, 0, 0, 0.5) !important;
    }

    /* Overlay */
    .sidebar-overlay,
    #sidebarOverlay {
        z-index: 9998 !important;
    }
}