/* SSC Space Brand Colors
 *
 * Primary blues:
 *   SSC Space Blue:  #0A1327
 *   Corporate Blue:  #0D327F
 *   Medium Blue:     #0096D6
 *   Bright Blue:     #7ECDE8
 *   Light Blue:      #C7EEF9
 */

/* ── Light mode (default scheme) ── */
[data-md-color-scheme="default"] {
  --md-primary-fg-color:               #0A1327;
  --md-primary-fg-color--light:        #0096D6;
  --md-primary-fg-color--dark:         #0A1327;
  --md-primary-bg-color:               #ffffff;
  --md-primary-bg-color--light:        #ffffffb3;

  --md-accent-fg-color:                #0D327F;
  --md-accent-fg-color--transparent:   #0D327F1a;
  --md-accent-bg-color:                #ffffff;
  --md-accent-bg-color--light:         #ffffffb3;
}

/* ── Dark mode (slate scheme) ── */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color:               #0A1327;
  --md-primary-fg-color--light:        #0096D6;
  --md-primary-fg-color--dark:         #0A1327;
  --md-primary-bg-color:               #ffffff;
  --md-primary-bg-color--light:        #ffffffb3;

  --md-accent-fg-color:                #7ECDE8;
  --md-accent-fg-color--transparent:   #7ECDE81a;
  --md-accent-bg-color:                #0A1327;
  --md-accent-bg-color--light:         #0A1327b3;

  --md-default-bg-color:               #0A1327;
  --md-default-bg-color--light:        #0D327F;
  --md-default-bg-color--lighter:      #0D327F33;
  --md-default-bg-color--lightest:     #0D327F1a;
}

/* ── Banner / header overrides ── */
.md-header {
  background-color: #0A1327;  /* SSC Space Blue */
}

.md-header__button.md-logo {
  margin: 0.2rem 0;
  padding: 0;
}

.md-header__button.md-logo img,
.md-header__button.md-logo svg {
  height: 2.25rem; /* ~36px - match brand style guide */
  width: auto;
}

.md-header__filler {
    flex: 1;
    order: 8;
}

.md-header__link {
    order: 8;
}

.md-header__option {
    order: 9;
}

.md-search, .md-header__button.md-icon {
    order: 10;
}

[dir=ltr] .md-header__title {
  margin-left: 0.2rem;
}

/* ── Keep logo visible on small screens ── */
@media screen and (max-width: 76.25em) {
  .md-header__button.md-logo {
    display: block;
    order: 1; /* after hamburger (order 0) */
  }

  label.md-header__button[for="__drawer"] {
    order: 0; /* hamburger first */
  }

  .md-header__title {
    order: 2; /* title after logo */
  }

  .md-header__button.md-logo img,
  .md-header__button.md-logo svg {
    height: 1.5rem; /* ~24px on mobile */
  }
}

/* ── Footer overrides ── */
.md-copyright {
  flex: 1;
  text-align: right;
}