/**
 * Mega Menu Hover Fallback Styles
 * Ensures dropdown content is properly positioned and visible
 * when activated by the fallback JS handler.
 */

/* Ensure the active content is visible and properly positioned */
.elementor-widget-n-menu[data-mega-menu-fallback="true"] .e-n-menu-content.e-active {
    padding-block-start: var(--n-menu-title-distance-from-content, 0px);
}

/* Smooth animation for dropdown appearance */
.elementor-widget-n-menu[data-mega-menu-fallback="true"] .e-n-menu-content > .e-con.e-active {
    animation: megaMenuFadeIn 0.3s ease;
}

@keyframes megaMenuFadeIn {
    from {
        opacity: 0;
        transform: translateY(-5px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}