// Toggle dropdown menu visibility
const menuButton = document.querySelector('.mobile-header-menu-button');
const dropdownMenu = document.querySelector('.dropdown-menu');

if (menuButton && dropdownMenu) {
    menuButton.addEventListener('click', function() {
        dropdownMenu.classList.toggle('hidden');
    });
}

// Close dropdown when clicking outside
document.addEventListener('click', function(event) {
    if (!event.target.closest('.mobile-header-right') && dropdownMenu) {
        dropdownMenu.classList.add('hidden');
    }
});