/* Page Sidebar Navigation (simple list)
   Used when an editor selects a sidebar menu for a regular content page.
   This is intentionally a plain vertical list (no accordions).
   Modeled on the filter list aesthetic from events.css (.tec-v2-cat-list).
*/

.page-sidebar > .sidebar-title {
  font-size: 0.95rem;
  background: var(--text-muted);
  color: var(--color-bg-white);
  font-weight: 800;
  margin: 0;
  padding: 0.65rem 0.8rem;
}

/* The outer .page-sidebar rules live in side-nav.css.
   We only augment the inner list here so we can reuse the sticky container. */
.page-nav-list,
.page-nav-sublist {
  list-style: none;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  font-size: 0.8rem;
  font-family: var(--font-sans-condensed);
}

.page-nav-list {
  /* Match the events filter list spacing and separators */
}

.page-nav-list > li {
  border-bottom: 2px solid var(--color-secondary);
}

.page-nav-list a,
.page-nav-list a:visited {
  display: block;
  padding: 0.55rem 0.8rem;
  color: var(--color-primary);
  font-weight: 700;
  text-decoration: none;
}

.page-nav-list a:hover {
  color: var(--color-accent-blue);
}

/* Nested submenu items receive extra indent and lighter treatment */
.page-nav-sublist {
  padding-left: 0.9rem;
  text-transform: none;
  font-size: 0.78rem;
}

.page-nav-sublist li {
  border-bottom: 1px solid var(--border-light);
}

.page-nav-sublist li:last-child {
  border-bottom: none;
}

.page-nav-sublist a,
.page-nav-sublist a:visited {
  display: block;
  padding: 0.4rem 0.6rem;
  color: var(--color-secondary);
  font-weight: 600;
}

.page-nav-sublist a:hover {
  color: var(--color-primary);
}

/* Mobile: rely on the existing .page-layout rules in side-nav.css
   which already collapse the sidebar below the main content.
   No additional overrides needed here. */