/* FENIX: observation deck header */

body:has(.Pages[data-slug="observation-deck"]) {
  --header-bg: #07121f;
  --header-color: #cbdfea;
  --header-control-bg: #192e40;
  --header-control-color: #bad0e0;
  --header-colored-color: #cbdfea;
  --header-colored-control-color: #bad0e0;
  --header-colored-control-bg: #192e40;
  --header-colored-control-bg-shaded: #213f53;
  --header-colored-control-bg-fadedin: #192e40;
}

body:has(.Pages[data-slug="observation-deck"]) .App-header {
  background: rgba(7,18,31,.90);
  color: #cbdfea;
  border-bottom: 1px solid rgba(157,202,230,.22);
  box-shadow: 0 6px 25px rgba(0,0,0,.18);
}

body:has(.Pages[data-slug="observation-deck"]) .App-header a,
body:has(.Pages[data-slug="observation-deck"]) .App-header .Button--flat,
body:has(.Pages[data-slug="observation-deck"]) .App-header .Button--link {
  color: #bad0e0;
}

body:has(.Pages[data-slug="observation-deck"]) .Header-title a {
  color: #e1edf4;
  letter-spacing: .09em;
}

body:has(.Pages[data-slug="observation-deck"]) .App-header .Search-input,
body:has(.Pages[data-slug="observation-deck"]) .App-header .FormControl {
  background: #152738;
  color: #d8e7ef;
}

body:has(.Pages[data-slug="observation-deck"]) .App-header input::placeholder {
  color: #809bae;
}

body:has(.Pages[data-slug="observation-deck"]) .App-header .Dropdown-menu,
body:has(.Pages[data-slug="observation-deck"]) .Search-results {
  background: #102031;
  color: #c8dce8;
  border: 1px solid rgba(132,178,207,.22);
}

body:has(.Pages[data-slug="observation-deck"]) .App-header .Dropdown-menu > li > a,
body:has(.Pages[data-slug="observation-deck"]) .App-header .Dropdown-menu > li > button {
  color: #c8dce8;
}

body:has(.Pages[data-slug="observation-deck"]) .App-header .Dropdown-menu > li > a:hover,
body:has(.Pages[data-slug="observation-deck"]) .App-header .Dropdown-menu > li > button:hover {
  background: #1a3549;
}

@media (max-width: 767px) {
  body:has(.Pages[data-slug="observation-deck"]) .App-drawer {
    background: #0f1f30;
    color: #c0d5e2;
  }
}

/* END FENIX: observation deck header */