/* Clean Material theme sidebar styling */
:root {
  --md-primary-fg-color: #455a64;
  --md-primary-fg-color--light: #607d8b;
  --md-primary-fg-color--dark: #37474f;
  --md-accent-fg-color: #2196f3;
}

/* Sidebar background */
.md-sidebar--primary .md-sidebar__scrollwrap {
  background-color: #37474f;
}

/* Site title */
.md-nav--primary .md-nav__title {
  background-color: #37474f;
  color: #eceff1;
  font-weight: 500;
  box-shadow: none;
}

/* Section headers (Basic Use, Hardware, Software) */
.md-nav--primary > .md-nav__list > .md-nav__item--section > .md-nav__link {
  color: #64b5f6;
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  background-color: transparent;
  padding: 0.8rem 0.75rem 0.4rem 0.75rem;
}

/* Regular navigation links */
.md-nav--primary .md-nav__link {
  color: #cfd8dc;
  font-size: 0.8rem;
  padding: 0.4rem 0.75rem;
  background-color: transparent;
}

/* Hover state */
.md-nav--primary .md-nav__link:hover {
  background-color: rgba(100, 181, 246, 0.12);
  color: #eceff1;
}

/* Active page */
.md-nav--primary .md-nav__link--active {
  background-color: rgba(100, 181, 246, 0.2);
  color: #64b5f6;
  border-left: 3px solid #64b5f6;
  padding-left: calc(0.75rem - 3px);
}

/* Nested items (like ESP32 Code, Client Code) */
.md-nav--primary .md-nav--secondary .md-nav__link {
  color: #90a4ae;
  font-size: 0.75rem;
  padding-left: 1.5rem;
}

.md-nav--primary .md-nav--secondary .md-nav__link:hover {
  color: #cfd8dc;
}

.md-nav--primary .md-nav--secondary .md-nav__link--active {
  color: #64b5f6;
  background-color: rgba(100, 181, 246, 0.15);
}

/* Remove secondary sidebar */
.md-sidebar--secondary {
  display: none !important;
}