/* Tourism Voices click-to-open menu
   Built for the CURRENT index.html structure:
   .site-menu
   .menu-section-trigger + .menu-section-panel
   .menu-subsection-trigger + .menu-subsection-panel
*/

/* Main submenu panels are closed by default. */
.site-menu .menu-section-panel,
.site-menu .menu-subsection-panel {
  display: none !important;
}

/* Open only after a click adds .is-open. */
.site-menu .menu-section.is-open > .menu-section-panel,
.site-menu .menu-subsection.is-open > .menu-subsection-panel {
  display: block !important;
}

/* Make the headings clearly clickable. */
.site-menu .menu-section-trigger,
.site-menu .menu-subsection-trigger {
  cursor: pointer;
  user-select: none;
}

/* Rotate the chevron when open. */
.site-menu .menu-section-trigger .chev,
.site-menu .menu-subsection-trigger .chev {
  transition: transform 180ms ease;
}

.site-menu .menu-section.is-open > .menu-section-trigger .chev,
.site-menu .menu-subsection.is-open > .menu-subsection-trigger .chev {
  transform: rotate(180deg);
}

/* Important: neutralise any hover-opening rules in styles.css. */
.site-menu .menu-section:hover > .menu-section-panel,
.site-menu .menu-subsection:hover > .menu-subsection-panel {
  display: none !important;
}

.site-menu .menu-section.is-open:hover > .menu-section-panel,
.site-menu .menu-subsection.is-open:hover > .menu-subsection-panel {
  display: block !important;
}

/* A little breathing room for the expanded list. */
.site-menu .menu-section-panel {
  margin-top: 8px;
}

.site-menu .menu-subsection-panel {
  margin-top: 4px;
}