export function headerToggle() {
  const header = document.getElementById("site-header");
  const buttonToggle = document.querySelector("#menu-toggle");
  console.log(header);
  console.log(buttonToggle);

  if (!header || !buttonToggle) return;
  buttonToggle.addEventListener("click", () => {
    document.body.classList.toggle("menu-open");
  });
}

export function headerScrollVisibility() {
  const header = document.getElementById("site-header");
  const hero = document.getElementById("hero");

  if (!header || !hero) return;

  function checkScroll() {
    const headerHeight = parseFloat(getComputedStyle(document.documentElement).getPropertyValue('--header-h')) || 0;
    const heroBottom = hero.getBoundingClientRect().bottom;

    if (heroBottom <= headerHeight) {
      header.classList.add("is-visible");
    } else {
      header.classList.remove("is-visible");
    }
  }

  window.addEventListener("scroll", checkScroll);
  checkScroll(); // Vérifier au chargement
}