/*
    Code generated by ChatGPT o4-mini-high
*/

/* _hamburger.css */

/* default is mobile */
:root {
  --is-mobile: 1;
}

/* when we hit desktop, flip it off */
@media (min-width: 768px) {
  :root {
    --is-mobile: 0;
  }
}

/* Mobile-first: hide all menus */
nav#home-menu,
nav#music-menu,
nav#jazz-writings-menu {
  display: none;
}

/* Hamburger button styling */
header {
  position: relative;
}
.hamburger-button {
  color: var(--colourMain);
  background: none;
  border: none;
  font-size: 1.5rem;
  cursor: pointer;
}
.hamburger-button.collapsed::before {
  content: '\2630'; /* ☰ */
}
.hamburger-button.expanded::before {
  content: '\2715'; /* ✕ */
}

.hamburger-button {
  /* remove any built-in padding/line-height so the button is “tight” */
  padding: 0;
  line-height: 1;
  background: none;
}

/* make the three-bar icon exactly 1em tall, centered vertically */
.hamburger-button::before {
  display: inline-block;
  font-size: 1em;     /* controls the thickness/spacing of the bars */
  line-height: 1;     /* makes the content exactly 1em high */
  vertical-align: middle;
}

/* Reveal home-menu when header.menu-open */
header.menu-open + nav#home-menu {
  display: block;
  padding: 0.5rem 0;
}

#link-home {
    display: none !important;
}

/* Mobile: full-width menu items */
nav#home-menu li,
nav#music-menu li,
nav#jazz-writings-menu li {
  display: block;
}
nav#home-menu li a,
nav#music-menu li a,
nav#jazz-writings-menu li a {
  display: block;
  padding: 0.1rem 1rem;
}

/* Reveal music submenu when header has .music-open */
header.menu-open.music-open
  + nav#home-menu
  + nav#music-menu {
  display: block;
  margin-left: 1rem;
  padding: 0.5rem 0;
}

/* Reveal jazz-writings submenu when header has .jazz-open */
header.menu-open.music-open.jazz-open
  + nav#home-menu
  + nav#music-menu
  + nav#jazz-writings-menu {
  display: block;
  margin-left: 2rem;
  padding: 0.5rem 0;
}

/* Desktop/tablet: show top-level inline, hide submenus by default */
@media (min-width: 768px) {
  /* Hide hamburger toggle */
  .hamburger-button {
    display: none;
  }

  /* Top-level menu always visible */
  nav#home-menu {
    display: block !important;
    padding: 0;
  }

  /* Submenus hidden by default */
  nav#music-menu,
  nav#jazz-writings-menu {
    display: none !important;
  }

  /* Inline items for all menus (when visible) */
  nav#home-menu li,
  nav#music-menu li,
  nav#jazz-writings-menu li {
    display: inline-block;
    margin-right: 1rem;
  }
  nav#home-menu li a,
  nav#music-menu li a,
  nav#jazz-writings-menu li a {
    padding: 0.25rem 0.5rem;
  }

  /* Allow music submenu to open when header.music-open */
  header.music-open
    + nav#home-menu
    + nav#music-menu {
    display: block !important;
    margin-left: 1rem;
  }

  /* Allow jazz-writings submenu to open when header.jazz-open */
  header.music-open.jazz-open
    + nav#home-menu
    + nav#music-menu
    + nav#jazz-writings-menu {
    display: block !important;
    margin-left: 2rem;
  }
}