script.js

// Mobile navigation toggle
document.addEventListener('DOMContentLoaded', function () {
    const nav = document.querySelector('header nav');
    const toggle = nav ? nav.querySelector('.nav-toggle') : null;
    const navList = nav ? nav.querySelector('ul') : null;

    if (!nav || !toggle || !navList) {
        return;
    }

    function closeNav() {
        nav.classList.remove('is-open');
        toggle.setAttribute('aria-expanded', 'false');
    }

    function toggleNav() {
        const isOpen = nav.classList.toggle('is-open');
        toggle.setAttribute('aria-expanded', isOpen ? 'true' : 'false');
    }

    toggle.addEventListener('click', toggleNav);

    navList.querySelectorAll('a').forEach(function (link) {
        link.addEventListener('click', closeNav);
    });

    document.addEventListener('keydown', function (e) {
        if (e.key === 'Escape') {
            closeNav();
        }
    });

    document.addEventListener('click', function (e) {
        if (nav.classList.contains('is-open') && !nav.contains(e.target)) {
            closeNav();
        }
    });

    window.addEventListener('resize', function () {
        if (window.innerWidth > 900) {
            closeNav();
        }
    });
});