// Mobile menu toggle functions
function toggleMobileSubmenu(submenuId, element) {
    const submenu = document.getElementById(submenuId);
    const chevron = element.querySelector('i.fa-chevron-down');
    
    if (submenu.classList.contains('hidden')) {
        // Show submenu
        submenu.classList.remove('hidden');
        if (chevron) {
            chevron.style.transform = 'rotate(180deg)';
        }
    } else {
        // Hide submenu
        submenu.classList.add('hidden');
        if (chevron) {
            chevron.style.transform = 'rotate(0deg)';
        }
    }
}

function toggleMobileSubSubmenu(submenuId, element) {
    const submenu = document.getElementById(submenuId);
    const chevron = element.querySelector('i.fa-chevron-right');
    
    if (submenu.classList.contains('hidden')) {
        // Show submenu
        submenu.classList.remove('hidden');
        if (chevron) {
            chevron.style.transform = 'rotate(90deg)';
        }
    } else {
        // Hide submenu
        submenu.classList.add('hidden');
        if (chevron) {
            chevron.style.transform = 'rotate(0deg)';
        }
    }
}

// Make functions available globally
window.toggleMobileSubmenu = toggleMobileSubmenu;
window.toggleMobileSubSubmenu = toggleMobileSubSubmenu;

export function init() {
    // Functions are already available globally
    console.log('Mobile navigation initialized');
}

export function teardown() {
    // Clean up if needed
    delete window.toggleMobileSubmenu;
    delete window.toggleMobileSubSubmenu;
}