/* Compact Menu Layout - Override styles */

/* Hide top navigation completely */
.navbar-fixed-modern,
.dropdown-menu.dropdown-order-items,
.navbar,
.navbar-nav,
.navbar-toggler {
    display: none !important;
}

/* Adjust body content for sidebar only layout */
.body-content {
    margin-left: 0;
    padding: 0;
    transition: margin-left 0.3s ease;
}

@media (min-width: 1024px) {
    .body-content {
        margin-left: 0; /* Pas de margin ici car géré par .main-content */
    }
}

/* Section main adjustments */
.section-main {
    padding: 0;
    min-height: 100vh;
}

/* Remove main overlay */
.main-overlay {
    display: none;
}

/* Ensure sidebar is properly positioned */
.sidebar-compact {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    z-index: 1000;
    overflow-y: auto;
}

/* Mobile responsive */
@media (max-width: 1023px) {
    .body-content {
        margin-left: 0 !important;
    }
    
    .sidebar-compact {
        transform: translateX(-100%);
        transition: transform 0.3s ease;
    }
    
    .sidebar-compact.show {
        transform: translateX(0);
    }
}

/* Page content spacing - eliminate all padding */
.container,
.container-fluid {
    padding: 0;
    margin: 0;
    max-width: none;
}

@media (max-width: 768px) {
    .section-main {
        padding: 0;
    }
}

/* Remove any top spacing that might interfere */
.page-title,
.page-header {
    margin-top: 0;
    padding-top: 0;
}

/* Ensure breadcrumbs work properly */
.breadcrumb {
    margin-bottom: 20px;
}

/* Fix any layout issues with cards/content */
.card {
    margin-bottom: 20px;
}

/* Mobile sidebar overlay */
.sidebar-overlay-modern {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.sidebar-overlay-modern.opacity-0 {
    opacity: 0;
}

.sidebar-overlay-modern.invisible {
    visibility: hidden;
}