/* Mega Menu - Dropdown Transitions & Regular Dropdown */

.hafo-elementor-nav .submenu-wrapper {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease, visibility 0.2s ease;
    z-index: var(--mega-menu-z-index);
}

/* Show submenu on hover */
.hafo-elementor-nav .menu-item.has-dropdown:hover>.submenu-wrapper,
.hafo-elementor-nav .menu-item.has-mega-menu:hover>.submenu-wrapper,
.hafo-elementor-nav .menu-item.menu-open>.submenu-wrapper {
    display: block;
    opacity: 1;
    visibility: visible;
}

/* Regular Dropdown (non-mega) */
.hafo-elementor-nav .menu-item.has-dropdown:not(.has-mega-menu) .submenu-wrapper {
    background-color: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 10%);
    padding: 8px 0;
    margin-top: 0;
}

.hafo-elementor-nav .primary-menu > .menu-item.has-dropdown:not(.has-mega-menu) {
    position: relative;
}

.hafo-elementor-nav .menu-item.has-dropdown:not(.has-mega-menu) > .submenu-wrapper {
    top: 100%;
    left: 0;
    right: auto;
}

.hafo-elementor-nav .menu-item.has-dropdown:not(.has-mega-menu) > .submenu-wrapper > .sub-menu {
    display: block;
    position: static;
    min-width: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
    border-radius: 0;
    padding: 0;
}

.hafo-elementor-nav .menu-item.has-dropdown:not(.has-mega-menu) .sub-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

.hafo-elementor-nav .menu-item.has-dropdown:not(.has-mega-menu) .sub-menu .menu-item {
    margin: 0;
    padding: 0;
}

.hafo-elementor-nav .menu-item.has-dropdown:not(.has-mega-menu) .sub-menu .menu-link {
    display: block;
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 400;
    white-space: nowrap;
    color: #171717;
    border-radius: 0;
    transition: background-color 0.2s ease;
}

.hafo-elementor-nav .menu-item.has-dropdown:not(.has-mega-menu) .sub-menu .menu-link:hover {
    background-color: #f9fafb;
    color: #1E315E;
}