/* Fix for dropdown menu functionality */

/* Show dropdown on hover for desktop */
@media (min-width: 768px) {
    /* When hovering over menu item with submenu */
    .wixui-dropdown-menu__item:hover > ul[aria-hidden="true"],
    .wixui-dropdown-menu__item:focus-within > ul[aria-hidden="true"] {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    /* Position submenu */
    .wixui-dropdown-menu__item > ul {
        position: absolute;
        top: 100%;
        left: 0;
        background: white;
        box-shadow: 0 2px 8px rgba(0,0,0,0.15);
        padding: 8px 0;
        min-width: 200px;
        z-index: 1000;
        margin-top: 0;
    }
    
    /* Style submenu items */
    .wixui-dropdown-menu__item > ul li {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    
    .wixui-dropdown-menu__item > ul li a {
        display: block;
        padding: 10px 20px;
        color: #30341A;
        text-decoration: none;
        transition: background-color 0.2s;
    }
    
    .wixui-dropdown-menu__item > ul li a:hover {
        background-color: #f5f5f5;
    }
    
    /* Make parent item container position relative */
    .wixui-dropdown-menu__item {
        position: relative;
    }
    
    /* Show dropdown when button is focused/clicked */
    .wixui-dropdown-menu__item > button:focus + ul,
    .wixui-dropdown-menu__item > button:active + ul {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}

/* Mobile: Show as expandable menu */
@media (max-width: 767px) {
    .wixui-dropdown-menu__item > button {
        cursor: pointer;
    }
    
    .wixui-dropdown-menu__item > ul {
        background: #f9f9f9;
        margin-top: 5px;
        padding-left: 20px;
    }
    
    .wixui-dropdown-menu__item > ul li a {
        display: block;
        padding: 8px 12px;
        color: #30341A;
        text-decoration: none;
    }
}