// User menu toggle functionality document.addEventListener('DOMContentLoaded', function() { const userMenuButton = document.getElementById('user-menu-button'); const userMenuDropdown = document.getElementById('user-menu-dropdown'); if (userMenuButton && userMenuDropdown) { userMenuButton.addEventListener('click', function(e) { e.stopPropagation(); userMenuDropdown.classList.toggle('hidden'); }); // Close dropdown when clicking outside document.addEventListener('click', function() { userMenuDropdown.classList.add('hidden'); }); // Prevent dropdown from closing when clicking inside it userMenuDropdown.addEventListener('click', function(e) { e.stopPropagation(); }); } });