const float = document.getElementById("float");
const navDesk = document.getElementsByClassName("nav-desk")[0];
const navMobile = document.getElementById("nav-mobile-section");

let prevScrollPos;

function updateStyles() {
  if (window._state === "open") return;

  let currentScrollPos = window.scrollY;

  if (prevScrollPos > currentScrollPos) {
    applyUpStyles();
  } else {
    applyDownStyles();
  }

  prevScrollPos = currentScrollPos;
}

function applyUpStyles() {
  if (float) float.style.bottom = "20px";
  if (navDesk) navDesk.style.top = "0";
  if (navMobile) navMobile.style.top = "0";
}

function applyDownStyles() {
  if (float) float.style.bottom = "-150px";
  if (navDesk) navDesk.style.top = "-150px";
  if (navMobile) navMobile.style.top = "-150px";
}

window.addEventListener("scroll", updateStyles);