/* --- CUSTOM BRANDING & HEADER --- */

/* Default / Light Mode: Pure White Header */
[data-md-color-scheme="default"] .md-header {
  background-color: #ffffff !important;
  color: #1f1f1f !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
}

[data-md-color-scheme="default"] .md-header__title,
[data-md-color-scheme="default"] .md-header__topic,
[data-md-color-scheme="default"] .md-header__ellipsis {
  color: #1f1f1f !important;
  font-weight: 700 !important;
}

[data-md-color-scheme="default"] .md-header__button {
  color: #1f1f1f !important;
}

[data-md-color-scheme="default"] .md-header__button:hover {
  background-color: rgba(0, 0, 0, 0.05) !important;
}

/* Custom Search Box style in Light Mode */
[data-md-color-scheme="default"] .md-search__input {
  background-color: #f3f3f5 !important;
  color: #1f1f1f !important;
}

[data-md-color-scheme="default"] .md-search__input::placeholder {
  color: #7c7c80 !important;
}

[data-md-color-scheme="default"] .md-search__icon {
  color: #1f1f1f !important;
}

[data-md-color-scheme="default"] .md-search__form {
  background-color: #f3f3f5 !important;
}

[data-md-color-scheme="default"] .md-search__form:hover {
  background-color: #e4e4e7 !important;
}

[data-md-color-scheme="default"] .md-logo img {
  filter: none !important; /* Keep original black logo on white header */
}

/* Dark Mode: Slate Header with Inverted White Logo */
[data-md-color-scheme="slate"] .md-header {
  background-color: #1a1c1e !important;
  color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

[data-md-color-scheme="slate"] .md-header__title,
[data-md-color-scheme="slate"] .md-header__topic,
[data-md-color-scheme="slate"] .md-header__ellipsis {
  color: #ffffff !important;
  font-weight: 700 !important;
}

[data-md-color-scheme="slate"] .md-header__button {
  color: #ffffff !important;
}

[data-md-color-scheme="slate"] .md-logo img {
  filter: invert(1) brightness(10) !important; /* Glows crisp white in Dark mode! */
}

/* Global Logo Size Tweaks */
.md-logo img {
  height: 2.0rem !important;
  width: auto !important;
  margin: 0.1rem 0 !important;
}