/* White header with subtle shadow */
.md-header {
  background-color: #ffffff !important; /* pure white */
  color: #333333;                       /* dark text */
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Ensure nav links in the header are dark */
.md-header a,
.md-header .md-header-nav__button {
  color: #333333 !important;
}

/* --- Sidebar inner bubble box --- */
.md-sidebar__inner {
  background: #fff; /* white background */
  border-radius: 12px; /* rounded corners */
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25); /* subtle shadow */
  padding: 1rem;
  margin: 1rem; /* spacing from edges */
  border: none; /* remove your old border */
}


/* --- Sidebar navigation tweaks --- */

.md-nav__title {
  font-weight: 600;
  color: #333;
}

/* --- Active/hover states in sidebar --- */
.md-nav__link:hover,
.md-nav__link:focus {
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 6px;
}

.md-nav__link--active {
  font-weight: 600;
  color: #1976d2; /* accent color */
}

/* --- Search bar alignment --- */
.md-search__input {
  height: 2rem; /* smaller than before for a tighter header */
  border-radius: 6px;
}

/* Mobile search alignment fix */
@media only screen and (max-width: 59.9375em) {
  .md-search__input {
    height: 3rem;
  }
  .md-search__icon[for="__search"],
  .md-search__icon[type="reset"] {
    top: 0.8rem;
  }
}

/* Page background */
.md-container {
  background-color: #ffffff; /* light gray */
}

.md-grid {
  max-width: 80%;
}

/* --- Home button --- */
.md-header__source:has(a[href="https://dspconcepts.com"]) {
  width: auto;
  min-width: unset;
  margin-right: 1rem;
}

/* --- Footer git info --- */
.md-footer-git {
  color: var(--md-footer-fg-color--lighter);
  font-size: 0.64rem;
  margin-left: 1rem;
  align-self: center;
}

/* --- Version selector dropdown --- */
.version-selector-wrapper {
  display: flex;
  align-items: center;
  padding: 0 0.4rem;
}

.version-selector {
  display: flex;
  align-items: center;
}

.version-selector__select {
  background-color: #ffffff;
  color: #333333;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  padding: 0.25rem 0.5rem;
  font-size: var(--md-typeset-font-size, 0.7rem);
  font-family: var(--md-text-font, inherit);
  line-height: 1;
  cursor: pointer;
  outline: none;
  white-space: nowrap;
}

.version-selector__select:hover,
.version-selector__select:focus {
  border-color: #1976d2;
}