/* --- Enable Mega Menu Visibility (Fix for Berich Theme Containers) --- */
#site-navigation,
#site-header,
.main-nav,
.header-menu,
.menu-main-menu-container {
    overflow: visible !important;
}

/* --- Menu item with megamenu should not be clipped --- */
.menu-item.km-has-megamenu {
    position: static !important;
}

/* --- Mega Menu Wrapper (Full-width dropdown) --- */
.km-megamenu-wrapper {
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    width: 100vw;
    transform: translateX(-50%); /* better centering method */
    
    background: #ffffff;
    padding: 40px;
    z-index: 99999;

    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
    border-top: 3px solid #0073e6; /* optional highlight, remove if not needed */
}

/* --- Show Mega Menu on Hover --- */
.menu-item.km-has-megamenu:hover > .km-megamenu-wrapper {
    display: block !important;
}

/* --- Inner Container for Mega Menu (tabs / columns) --- */
.km-megamenu-tabs {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    gap: 40px;
}

/* Optional styling for columns inside mega menu */
.km-megamenu-tabs > div {
    flex: 1;
    min-width: 200px;
}