// Get references to the toggle button and menu list
const navToggle = document.querySelector('.site-nav__toggle');
const navList = document.querySelector('.site-nav__list');

// Add event listeners for click and keydown events
navToggle.addEventListener('click', toggleNav);

function toggleNav() {
  // Toggle the "active" class on the toggle button and "visible" class on the menu list
  navToggle.classList.toggle('active');
  navList.classList.toggle('visible');

  // Set focus to the toggle button when the menu is opened
  if (navToggle.classList.contains('active')) {
    navToggle.focus();
  }

  // Set focus to the first menu item when the menu is opened
  const firstMenuItem = navList.querySelector('a');
  if (firstMenuItem) {
    firstMenuItem.focus();
  }
}