document.addEventListener('DOMContentLoaded', function () {
    var hamburger = document.getElementById('hamburger');
    var overlay = document.getElementById('sidebar-overlay');

    function openSidebar() {
        document.body.classList.add('sidebar-open');
    }

    function closeSidebar() {
        document.body.classList.remove('sidebar-open');
    }

    if (hamburger) {
        hamburger.addEventListener('click', function () {
            document.body.classList.toggle('sidebar-open');
        });
    }

    if (overlay) {
        overlay.addEventListener('click', closeSidebar);
    }

    // Close sidebar when a nav link is tapped on mobile
    document.querySelectorAll('.sidebar nav a').forEach(function (link) {
        link.addEventListener('click', closeSidebar);
    });
});