:root {
  /* Neutral navigation keeps the blue IPTVBoss logo readable in the header. */
  --md-primary-fg-color: #20242c;
  --md-primary-fg-color--light: #343a46;
  --md-primary-fg-color--dark: #15181e;
}

/* Material's named palette rules are more specific than :root. Override the
   rendered header directly so the palette cannot reintroduce indigo behind
   the blue logo. */
body[data-md-color-primary="indigo"] .md-header,
body[data-md-color-primary="indigo"] .md-tabs {
  background-color: #20242c !important;
}

body[data-md-color-primary="indigo"] .md-header .md-search__form {
  background-color: #343a46 !important;
}

body[data-md-color-primary="indigo"] .md-header .md-search__form:hover,
body[data-md-color-primary="indigo"] .md-header .md-search__form:focus-within {
  background-color: #414956 !important;
}

.md-typeset img {
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 0.25rem;
  box-shadow: 0 0.15rem 0.4rem #00000018;
}

/* Bound application icons to the surrounding text. Explicit maximums and
   !important prevent theme image rules and intrinsic SVG/PNG sizes from
   enlarging icons in lists or tables. */
.md-typeset img.ui-icon {
  display: inline-block !important;
  width: 1rem !important;
  height: 1rem !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 1rem !important;
  max-height: 1rem !important;
  margin: 0 0.08em !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  object-fit: contain;
  vertical-align: -0.2rem;
}

[data-md-color-scheme="slate"] .md-typeset img.ui-icon {
  filter: invert(1);
}

/* Keep text inside the badge for search and assistive technologies. */
.md-typeset .pro-badge {
  display: inline-flex;
  align-items: center;
  margin: 0 0.15em;
  padding: 0.08em 0.45em;
  border-radius: 999px;
  background: #0c4a6e;
  color: #fff;
  font-size: 0.7em;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.4;
  vertical-align: 0.12em;
}

[data-md-color-scheme="slate"] .md-typeset .pro-badge {
  background: #38bdf8;
  color: #082f49;
}