// menu.js - Mobile menu functionality only
document.addEventListener('DOMContentLoaded', function() {
    initializeMobileMenu();
    highlightCurrentPage();
});

function initializeMobileMenu() {
    var menuToggle = document.querySelector('.nav-toggle');
    var navMenu = document.querySelector('.nav-menu');
    
    if (menuToggle && navMenu) {
        menuToggle.addEventListener('click', function() {
            navMenu.classList.toggle('nav-menu-open');
            menuToggle.classList.toggle('nav-toggle-open');
        });
        
        // Close menu when clicking on a link (mobile)
        var navLinks = document.querySelectorAll('.nav-link');
        navLinks.forEach(function(link) {
            link.addEventListener('click', function() {
                if (window.innerWidth <= 768) {
                    navMenu.classList.remove('nav-menu-open');
                    menuToggle.classList.remove('nav-toggle-open');
                }
            });
        });
        
        // Close menu when clicking outside (mobile)
        document.addEventListener('click', function(event) {
            if (!event.target.closest('.main-navigation')) {
                if (window.innerWidth <= 768) {
                    navMenu.classList.remove('nav-menu-open');
                    menuToggle.classList.remove('nav-toggle-open');
                }
            }
        });
    }
}

function highlightCurrentPage() {
    // Get current page filename
    var currentPage = window.location.pathname.split('/').pop();
    
    // Find and highlight the current page link
    var navLinks = document.querySelectorAll('.nav-link');
    navLinks.forEach(function(link) {
        var linkPage = link.getAttribute('href').split('/').pop();
        if (linkPage === currentPage) {
            link.classList.add('active');
        }
    });
}