<script>
(function(){
  const header = document.getElementById('site-header');
  if(!header) return;

  let lastY = window.pageYOffset || document.documentElement.scrollTop;
  const delta = 8;       // soglia minima di movimento per reagire
  const revealAt = 80;   // dopo quanti px applicare lo stato "scrolled"

  function onScroll(){
    const y = window.pageYOffset || document.documentElement.scrollTop;

    // Aggiunge/rimuove stato "scrolled" per ombra ecc.
    if (y > revealAt) {
      document.documentElement.classList.add('scrolled');
    } else {
      document.documentElement.classList.remove('scrolled');
    }

    // Se il movimento è minimo, ignora (evita jitter)
    if (Math.abs(y - lastY) <= delta) {
      return;
    }

    // Scorri GIÙ e oltre la soglia: nascondi
    if (y > lastY && y > revealAt) {
      header.classList.add('header--hidden');
    } else {
      // Scorri SU: mostra
      header.classList.remove('header--hidden');
    }

    lastY = y;
  }

  // Avvio
  window.addEventListener('scroll', onScroll, { passive: true });
})();
</script>