/* Navigation panel — ZA only (KB-1942)
 *
 * Loaded from help/za.yml rather than conf/external.yml, so it applies to the
 * ZA help site alone. The rules below assume the ZA navigation structure and
 * its collapsible top-level sections; on SG, IE and HK, navigation.sections is
 * still on and these selectors would restyle a panel that cannot collapse.
 *
 * When the other regions get the same restructure, move this into
 * conf/external.yml (and conf/internal.yml) alongside custom.css.
 *
 * The top-level sections render as collapsible groups (navigation.sections is
 * off), so each section is a `.md-nav__item` directly under the primary list,
 * and its heading is the `> .md-nav__link` label that toggles the group. Items
 * inside a section live in the nested `> .md-nav` submenu. */

/* Site title ("Payroll Help"): hidden in the sidebar, it sits awkwardly above
   the section list. Scoped to the primary nav so nested submenu titles (used
   for the mobile drawer back button) are unaffected. */
.md-nav--primary > .md-nav__title {
  display: none;
}

/* Section headings: normal weight, not uppercase, minimal spacing.
   margin-top:0 overrides Material's default .md-nav__link top margin, which
   is the main gap between sections.
   position:sticky pins the open section's heading to the top of the nav while
   you scroll through its items, so the current top-level section stays visible. */
.md-nav--primary > .md-nav__list > .md-nav__item > .md-nav__link {
  font-size: 0.8rem;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
  color: var(--md-default-fg-color);
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0.3rem;
  position: sticky;
  top: 0;
  z-index: 1;
  background-color: var(--md-default-bg-color);
}

/* Items inside a section (all nested depths): uniform tight spacing */
.md-nav--primary > .md-nav__list > .md-nav__item > .md-nav .md-nav__item {
  margin-top: 0;
  margin-bottom: 0;
}

.md-nav--primary > .md-nav__list > .md-nav__item > .md-nav .md-nav__link {
  font-size: 0.72rem;
  line-height: 1.3;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0.1rem !important;
  padding-bottom: 0.1rem !important;
}

/* Remove the margin Material adds around nested submenus, so items with
   sub-pages sit at the same spacing as flat items */
.md-nav--primary > .md-nav__list > .md-nav__item > .md-nav .md-nav__item--nested > .md-nav {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}