// Handle nested dropdowns
nestedDropdowns.forEach(nestedDropdown => {
    const trigger = nestedDropdown.querySelector('a');
    
    trigger?.addEventListener('click', function(e) {
        e.preventDefault();
        e.stopPropagation();
        
        if (window.innerWidth <= 768) {
            // Close other nested dropdowns
            nestedDropdowns.forEach(d => {
                if (d !== nestedDropdown) {
                    d.classList.remove('active');
                }
            });
            
            nestedDropdown.classList.toggle('active');
        }
    });
}); 

@media (max-width: 768px) {
    // ... existing code ...
    .nested-dropdown {
        width: 100%;
    }

    .nested-dropdown-menu {
        position: static;
        width: 100%;
        display: none;
        background-color: rgba(255, 255, 255, 0.2);
        padding: 0;
        margin: 0;
    }

    .nested-dropdown.active .nested-dropdown-menu {
        display: block;
    }

    .nested-dropdown-menu a {
        padding: 1rem;
        font-size: 0.85rem;
        color: white;
        text-decoration: none;
        display: block;
        text-align: center;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    /* Hide hover effects on mobile */
    .dropdown:hover .dropdown-menu,
    .nested-dropdown:hover .nested-dropdown-menu {
        opacity: 0;
        visibility: hidden;
        transform: none;
    }
    // ... existing code ...
}