document.addEventListener('DOMContentLoaded', function () {
    var avatarBtn = document.getElementById('userAvatar');
    var userMenu  = document.getElementById('userMenu');
    var logoutLink = document.getElementById('userMenuLogout');

    if (avatarBtn && userMenu) {
        // Avatar klick → Menü toggeln
        avatarBtn.addEventListener('click', function (e) {
            e.stopPropagation();
            userMenu.classList.toggle('hidden');
        });

        // Klick in Menü nicht nach außen „bubblen“
        userMenu.addEventListener('click', function (e) {
            e.stopPropagation();
        });

        // Klick irgendwo außerhalb → Menü schließen
        document.addEventListener('click', function () {
            if (!userMenu.classList.contains('hidden')) {
                userMenu.classList.add('hidden');
            }
        });
    }

    // Logout mit Confirm
    if (logoutLink) {
        logoutLink.addEventListener('click', function (e) {
            var ok = confirm('Möchtest du dich wirklich abmelden?');
            if (!ok) {
                e.preventDefault();
            }
        });
    }
});