/* ------------------------------
   HEADER COLORS
   ------------------------------ */

/* Light scheme */
:root > * {
  --md-primary-fg-color: #FFF67A;   /* Header background */
  --md-primary-bg-color: #222;      /* Header text/icons */
}

/* Dark scheme */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #FFF67A;
  --md-primary-bg-color: #222;
}

/* ------------------------------
   NAVIGATION LINKS
   ------------------------------ */

/* Active/selected nav item (left sidebar) */
.md-nav__link--active,
.md-nav__item--active > .md-nav__link {
  color: #000 !important;           /* Black for readability */
  font-weight: 700;
}

/* Hovered nav links */
.md-nav__link:hover {
  color: #111 !important;           /* Very dark grey on hover */
}

/* Optional: subtle background highlight for the active item */
.md-nav__item--active {
  background: #f9f9f9 !important;
  border-left: 0 !important;
  box-shadow: none !important;
}

/* ------------------------------
   REMOVE DEFAULT SIDEBAR BORDER
   ------------------------------ */

.md-sidebar--primary,
.md-sidebar--primary .md-sidebar__scrollwrap,
.md-sidebar--primary .md-sidebar__inner {
  border-right: 0 !important;
  box-shadow: none !important;
}

/* Remove Material's default active indicator pseudo-element */
.md-nav__link--active::before,
.md-nav__item--active > .md-nav__link::before,
.md-nav__link--active::after,
.md-nav__item--active > .md-nav__link::after {
  content: none !important;
  border: 0 !important;
  box-shadow: none !important;
}