document.addEventListener("DOMContentLoaded", function () {
const navItems = document.querySelectorAll(".header-nav-item");
navItems.forEach(item => {
item.addEventListener("mouseenter", () => {
document.body.classList.add("nav-hover-open");
});
item.addEventListener("mouseleave", () => {
document.body.classList.remove("nav-hover-open");
});
});
});
