script.js

const header = document.querySelector('[data-header]');
const menuToggle = document.querySelector('.menu-toggle');
const siteNav = document.querySelector('#site-nav');
const year = document.querySelector('[data-year]');
const currentPage = document.body.dataset.page;

if (year) year.textContent = new Date().getFullYear();

const setHeaderState = () => header?.classList.toggle('is-scrolled', window.scrollY > 12);
setHeaderState();
window.addEventListener('scroll', setHeaderState, { passive: true });

document.querySelectorAll('[data-page-link]').forEach((link) => {
  const isCurrent = link.dataset.pageLink === currentPage;
  link.classList.toggle('is-current', isCurrent);
  if (isCurrent) link.setAttribute('aria-current', 'page');
});

const setMobileNavState = (open) => {
  header?.classList.toggle('nav-open', open);
  document.body.classList.toggle('nav-is-open', open);
  menuToggle?.setAttribute('aria-expanded', String(open));
  menuToggle?.setAttribute('aria-label', open ? 'Chiudi navigazione' : 'Apri navigazione');
};

const closeMobileNav = () => {
  setMobileNavState(false);
};

menuToggle?.addEventListener('click', () => {
  setMobileNavState(!header?.classList.contains('nav-open'));
});

siteNav?.querySelectorAll('a').forEach((link) => link.addEventListener('click', () => {
  closeMobileNav();
}));

document.addEventListener('click', (event) => {
  if (header?.classList.contains('nav-open') && !event.target.closest('[data-header]')) closeMobileNav();
});
document.addEventListener('keydown', (event) => {
  if (event.key === 'Escape') closeMobileNav();
});
window.addEventListener('resize', () => {
  if (window.innerWidth > 980) closeMobileNav();
});

const setAccordionIcon = (detail) => {
  const icon = detail.querySelector('summary i');
  if (icon) icon.textContent = detail.open ? '\u00d7' : '+';
};

document.querySelectorAll('[data-accordion-group] details').forEach((detail) => {
  setAccordionIcon(detail);
  detail.addEventListener('toggle', () => {
    if (detail.open) {
      const group = detail.closest('[data-accordion-group]');
      group?.querySelectorAll('details').forEach((other) => {
        if (other !== detail) {
          other.open = false;
          setAccordionIcon(other);
        }
      });
    }
    setAccordionIcon(detail);
  });
});