/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.mega-menu-content {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    
    /* Hide initially (no flicker) */
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    pointer-events: none;
    
    /* Smooth reveal animation */
    transition: opacity 0.3s ease, transform 0.3s ease;
}

/* Show with animation on hover or focus */
.akd-nav-menu li:hover > .mega-menu-content,
.akd-nav-menu li:focus-within > .mega-menu-content {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}

/* Optional: allow fade-in once Elementor fully loaded */
.elementor-initialized .mega-menu-content {
    transition-delay: 0.05s;
}

/* Keep your original static positioning adjustments */
.akd-nav-menu--layout-horizontal .akd-nav-menu {
    position: static;
}
.akd-nav-menu li {
    position: unset !important;
}

/* Ensure inner links appear normal */
.mega-menu-content a {
    line-height: normal;
    white-space: normal !important;
}

/* Mobile responsive behavior */
@media only screen and (max-width: 1024px) {
    .mega-menu-content {
        position: relative;
        top: 0;
        width: 100%;
        opacity: 1;
        visibility: visible;
        transform: none;
        pointer-events: auto;
        transition: none;
    }
}