/* HUD overrides for the embedded maps demo at /maps/ */

/* maps.mjs reads --bg for the map background and --text for roads and the route */
:root {
  --bg: rgba(5, 7, 5, 0.45);
  --panel: rgba(5, 7, 5, 0.72);
}

.map-app,
#map {
  background: transparent;
}

.street-overlay {
  background: #050705;
}

.search-field input {
  background: transparent;
}

.search-results {
  background: rgba(5, 7, 5, 0.92);
}

.search-results li:hover,
.search-results li[aria-selected="true"],
.overlay-toggle[aria-pressed="true"],
.overlay-play[aria-pressed="true"] {
  color: #050705;
  text-shadow: none;
}

.overlay-controls .overlay-toggle {
  font-weight: 400;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.page-attribution {
  font-size: 11px;
}

body.overlay-active .map-app {
  border-color: var(--hud-dim);
}

/* Room for the injected site nav above the route lookup */
:root {
  --demo-nav-inset: 1rem;
}

.route-panel {
  top: var(--demo-nav-height);
}