document.addEventListener("DOMContentLoaded", function () {
const logo = document.querySelector(".logoHeaderImage");
const nav = document.querySelector("nav.awb-menu");
const originalWidth = 80;
const shrinkWidth = 50;
const shrinkThreshold = 50;
const menuSpans = document.querySelectorAll(".menu-text");
const burgerIcon = document.querySelector(".awb-menu__m-collapse-icon-open");
const closeIcon = document.querySelector(".awb-menu__m-collapse-icon-close"); // NEW
function updateOnScroll() {
const scrolled = window.scrollY > shrinkThreshold;
// Shrink logo
if (logo) {
logo.style.width = scrolled ? shrinkWidth + "px" : originalWidth + "px";
}
// Toggle body class
document.body.classList.toggle("scrolled", scrolled);
// Adjust custom CSS var for nav trigger
if (nav) {
nav.style.setProperty("--awb-mobile-nav-trigger-bottom-margin", scrolled ? "14px" : "34px");
}
}
updateOnScroll();
window.addEventListener("scroll", updateOnScroll);
// Transitions
if (logo) logo.style.transition = "width 0.3s ease";
if (burgerIcon) burgerIcon.style.transition = "color 0.3s ease";
if (closeIcon) closeIcon.style.transition = "color 0.3s ease";
menuSpans.forEach(span => span.style.transition = "color 0.3s ease");
});