/**
 * Navigation Menu Styles
 * Submenu dropdown styling and interactions
 * 
 * @package Ezustfonal
 * @version 1.18.0
 */

/* ======================
   SUBMENU / DROPDOWN
   ====================== */

/* Parent item with dropdown */
.menu-item-has-children,
.ef-has-submenu {
    position: relative;
}

/* Dropdown container */
.sub-menu,
.dropdown-menu,
.ef-submenu {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 220px;
    background-color: white;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    padding: 8px 0;
    margin: 0;
    margin-top: 8px;
    list-style: none;
    z-index: 1000;
    
    /* Hidden by default */
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    
    /* Smooth transition */
    transition: opacity 0.3s ease, 
                visibility 0.3s ease, 
                transform 0.3s ease;
    
    /* Pointer events IMPORTANT for hover delay */
    pointer-events: none;
}

/* Show on parent hover - WITH DELAY */
.menu-item-has-children:hover > .sub-menu,
.menu-item-has-children:focus-within > .sub-menu,
.ef-has-submenu:hover > .ef-submenu,
.group:hover > .ef-submenu {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
    pointer-events: all !important;
    
    /* CRITICAL: Add delay before hiding */
    transition-delay: 0s, 0s, 0s;
}

/* Keep menu open when hovering submenu itself */
.sub-menu:hover,
.ef-submenu:hover {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: all !important;
}

/* Delay hiding when leaving parent */
.menu-item-has-children {
    /* Add invisible hitbox for easier hovering */
}

.menu-item-has-children::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    height: 10px;
    /* Invisible bridge to submenu */
}

/* Submenu items */
.sub-menu li,
.ef-submenu li {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.sub-menu li:last-child,
.ef-submenu li:last-child {
    border-bottom: none;
}

/* Submenu links */
.sub-menu a,
.ef-submenu a {
    display: block;
    padding: 12px 20px;
    color: #44403C;
    text-decoration: none;
    font-size: 14px;
    transition: all 0.2s ease;
    background-color: transparent;
}

.sub-menu a:hover,
.sub-menu a:focus,
.ef-submenu a:hover,
.ef-submenu a:focus {
    color: #C4A484;
    background-color: rgba(196, 164, 132, 0.08);
    padding-left: 24px;
}

/* Active submenu item */
.sub-menu .current-menu-item > a,
.ef-submenu .current-menu-item > a {
    color: #C4A484 !important;
    font-weight: 500 !important;
}

/* Dropdown indicator - REMOVED (walker adds SVG icon) */
/* .menu-item-has-children > a::after removed to avoid double arrows */

/* Mobile: Stack submenu */
@media (max-width: 768px) {
    .sub-menu {
        position: static;
        opacity: 1;
        visibility: visible;
        transform: none;
        pointer-events: all;
        box-shadow: none;
        border: none;
        padding-left: 20px;
        background: rgba(0, 0, 0, 0.02);
        border-radius: 0;
    }
    
    .menu-item-has-children > a::after {
        display: none;
    }
}