// Wait for the page to load
document.addEventListener('DOMContentLoaded', function() {
  const btn = document.querySelector('#menu-toggle');
  const menu = document.querySelector('.layout-menus');
  const menuState = localStorage.getItem('menuHidden');
  const isMobile = window.innerWidth < 768;

if (menuState === 'true' || (menuState === null && isMobile)) {
  menu.classList.add('u-hidden');
}

  if (btn && menu) {
    btn.addEventListener('click', function() {
      menu.classList.toggle('u-hidden');
      const isHidden = menu.classList.contains('u-hidden');
      localStorage.setItem('menuHidden', isHidden);
    });
  }
});