let lastScrollTop = 0;
const navWrapper = document.querySelector(".nav-wrapper"); // Changed to target the nav-wrapper class
window.addEventListener("scroll", function () {
    const safeSpace = 0; // Minimum distance from top before the navigation bar starts hiding
    let scrollTop = window.pageYOffset || document.documentElement.scrollTop;
    
    if (scrollTop > lastScrollTop && scrollTop > safeSpace) {
        // Scrolling down -> hide menu
        navWrapper.style.transform = "translateY(-100%)";
        navWrapper.style.transition = "transform 0.3s ease-in-out";
    } else {
        // Scrolling up -> show menu
        navWrapper.style.transform = "translateY(0)";
    }
    
    lastScrollTop = scrollTop;
});