/* Emergency Menu Fix CSS */
/* Add this to your header.twig or include as separate stylesheet */

/* Fix dropdown visibility and positioning */
.mf-nav-list > li {
    position: relative !important;
}

.mf-nav-list > li > .dropdown-menu,
.mf-nav-list > li > .mega-dropdown {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    z-index: 9999 !important;
    display: none !important;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s;
    background: white !important;
    border: 1px solid #ddd !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important;
    min-width: 200px !important;
    max-width: 100vw !important;
    overflow: visible !important;
}

/* Show on hover - DISABLED - Handled by JavaScript */
/* .mf-nav-list > li:hover > .dropdown-menu,
.mf-nav-list > li:hover > .mega-dropdown,
.mf-nav-list > li.active > .dropdown-menu,
.mf-nav-list > li.active > .mega-dropdown {
    display: block !important;
    opacity: 1;
    visibility: visible;
} */

/* Fix mega menu grid layout */
.mega-dropdown .mega-column-group,
.dropdown-menu .mega-column-group {
    display: inline-block;
    vertical-align: top;
    width: 24%;
    padding: 15px;
    box-sizing: border-box;
}

/* Fix broken list styling */
.dropdown-menu ul,
.mega-dropdown ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.dropdown-menu li,
.mega-dropdown li {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

.dropdown-menu a,
.mega-dropdown a {
    display: block !important;
    padding: 8px 12px !important;
    color: #333 !important;
    text-decoration: none !important;
    transition: all 0.2s !important;
}

.dropdown-menu a:hover,
.mega-dropdown a:hover {
    background: #f5f5f5 !important;
    color: #2563eb !important;
}

/* Fix submenu positioning */
.dropdown-submenu {
    position: relative !important;
}

.dropdown-submenu > .dropdown-menu,
.dropdown-submenu > .thirdmenu {
    position: absolute !important;
    top: 0 !important;
    left: 100% !important;
    margin-left: 10px !important;
    display: none !important;
}

/* DISABLED - Conflicts with JavaScript dropdown control
.dropdown-submenu:hover > .dropdown-menu,
.dropdown-submenu:hover > .thirdmenu {
    display: block !important;
}
*/

/* Fix for broken wrapper classes */
[class*="wrapper"] {
    position: relative;
    display: block;
}

/* Clean up hidden items */
.grouped-item[style*="display: none"] {
    display: none !important;
}

/* Responsive fixes */
@media (max-width: 768px) {
    .mf-nav-list > li > .dropdown-menu,
    .mf-nav-list > li > .mega-dropdown {
        position: static !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    
    .mega-dropdown .mega-column-group {
        width: 100% !important;
        display: block !important;
    }
}

/* Override inline styles */
.dropdown-menu[style*="display: none"] {
    display: none !important;
}

/* DISABLED - Handled by JavaScript */
/* .mf-nav-list > li:hover .dropdown-menu[style*="display: none"],
.mf-nav-list > li.active .dropdown-menu[style*="display: none"] {
    display: block !important;
} */

/* Z-index fix for overlapping elements */
.mf-navigation-bar {
    position: relative;
    z-index: 50;
}

.mf-nav-list {
    position: relative;
    z-index: 1001;
}

.dropdown-menu,
.mega-dropdown {
    z-index: 1002 !important;
}