/* ───────────────────────────────────────
   Elementor Mega Menu – Plugin Styles
   
   Mega-card CSS is editable via:
   Settings > Mega Menu
   ─────────────────────────────────────── */

.emm-has-mega-menu {
    position: static !important;
}

.emm-mega-menu-container {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    width: 100%;
    z-index: 99999;
    box-sizing: border-box;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.22s ease, visibility 0.22s;
}

.emm-mega-menu-container.emm-visible {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
}

.emm-mega-menu-inner {
    width: 100%;
    overflow: visible;
}

.emm-has-mega-menu > .sub-menu {
    display: none !important;
}

@media (max-width: 1024px) {
    .emm-mega-menu-container {
        position: relative !important;
        top: auto !important;
        left: auto;
        right: auto;
        width: 100%;
        visibility: hidden;
        opacity: 0;
        max-height: 0;
        overflow: hidden;
        transition: opacity 0.3s ease, max-height 0.35s ease, visibility 0.3s;
    }
    .emm-mega-menu-container.emm-visible {
        visibility: visible;
        opacity: 1;
        max-height: 3000px;
    }
}