/* ============================================
   Navigation - Desktop Dropdown on Hover
   ============================================ */

/* Desktop navigation - show items inline */
@media (min-width: 782px) {
    .wp-block-navigation__responsive-container:not(.is-menu-open) {
        display: block !important;
        position: static !important;
        width: auto !important;
        background-color: transparent !important;
    }
    
    .wp-block-navigation__responsive-container-content {
        display: flex !important;
        gap: var(--wp--preset--spacing--40);
    }
    
    /* Hide mobile menu button on desktop */
    .wp-block-navigation__responsive-container-open,
    .wp-block-navigation__responsive-container-close {
        display: none;
    }
    
    /* Main menu items */
    .wp-block-navigation-item {
        position: relative;
    }
    
    /* Submenu hidden by default */
    .wp-block-navigation__submenu-container {
        position: absolute;
        top: 100%;
        left: 0;
        opacity: 0;
        visibility: hidden;
        transform: translateY(-10px);
        transition: all 0.3s ease;
        background-color: var(--wp--preset--color--dark-magenta);
        border: 1px solid rgba(255, 255, 255, 0.2);
        border-radius: 8px;
        padding: 0.5rem 0;
        min-width: 200px;
        margin-top: 0.5rem;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
        z-index: 1000;
    }
    
    /* Show submenu on hover */
    .wp-block-navigation-item:hover > .wp-block-navigation__submenu-container,
    .wp-block-navigation-item:focus-within > .wp-block-navigation__submenu-container {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }
    
    /* Submenu items */
    .wp-block-navigation__submenu-container .wp-block-navigation-item {
        display: block;
    }
    
    .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
        padding: 0.75rem 1.25rem;
        display: block;
        color: var(--wp--preset--color--base);
        transition: background-color 0.2s ease;
    }
    
    .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover {
        background-color: rgba(255, 255, 255, 0.1);
    }
    
    /* Arrow indicator for items with submenus */
    .wp-block-navigation-item.has-child > .wp-block-navigation-item__content::after {
        font-size: 0.7em;
        margin-left: 0.5em;
        transition: transform 0.3s ease;
    }
    
    .wp-block-navigation-item.has-child:hover > .wp-block-navigation-item__content::after {
        transform: rotate(180deg);
    }
}

/* Mobile - keep overlay menu */
@media (max-width: 781px) {
    .wp-block-navigation__responsive-container.is-menu-open {
        background-color: var(--wp--preset--color--base) !important;
    }
}