/**
 * Mobile Menu Toggle
 */
(function() {
    'use strict';

    document.addEventListener('DOMContentLoaded', function() {
        const burgerToggle = document.getElementById('burgerMenuToggle');
        const mobileMenu = document.getElementById('mobileSidebarMenu');
        const menuClose = document.getElementById('mobileMenuClose');
        const menuOverlay = document.getElementById('mobileMenuOverlay');
        const body = document.body;

        if (!burgerToggle || !mobileMenu) {
            return;
        }

        // Open menu
        function openMenu() {
            mobileMenu.classList.add('active');
            burgerToggle.classList.add('active');
            body.classList.add('mobile-menu-open');
        }

        // Close menu
        function closeMenu() {
            mobileMenu.classList.remove('active');
            burgerToggle.classList.remove('active');
            body.classList.remove('mobile-menu-open');
        }

        // Toggle menu
        burgerToggle.addEventListener('click', function(e) {
            e.preventDefault();
            if (mobileMenu.classList.contains('active')) {
                closeMenu();
            } else {
                openMenu();
            }
        });

        // Close menu on close button click
        if (menuClose) {
            menuClose.addEventListener('click', function(e) {
                e.preventDefault();
                closeMenu();
            });
        }

        // Close menu on overlay click
        if (menuOverlay) {
            menuOverlay.addEventListener('click', function(e) {
                e.preventDefault();
                closeMenu();
            });
        }

        // Close menu on ESC key
        document.addEventListener('keydown', function(e) {
            if (e.key === 'Escape' && mobileMenu.classList.contains('active')) {
                closeMenu();
            }
        });

        // Close menu when clicking on menu links
        const menuLinks = mobileMenu.querySelectorAll('.mobile-menu-link');
        menuLinks.forEach(function(link) {
            link.addEventListener('click', function() {
                // Add small delay to allow navigation
                setTimeout(function() {
                    closeMenu();
                }, 100);
            });
        });
    });
})();