/*
 * Copyright (c) 2026 Michael C. Pfau. All rights reserved.
 * Proprietary. Use requires prior written consent.
 */

.rect-map-stage .maplibregl-canvas {
  outline: none;
}

.rect-map-stage .maplibregl-ctrl-group {
  overflow: hidden;
  background: rgba(0, 0, 0, 0.78);
  border: 1px solid rgba(233, 236, 225, 0.22);
  border-radius: 4px;
  box-shadow: none;
}

.rect-map-stage .maplibregl-ctrl-group button {
  width: 32px;
  height: 32px;
  background-color: rgba(0, 0, 0, 0.78);
}

.rect-map-stage .maplibregl-ctrl-group button + button {
  border-top-color: rgba(233, 236, 225, 0.18);
}

.rect-map-stage .maplibregl-ctrl button .maplibregl-ctrl-icon {
  filter: invert(1);
}

.rect-map-stage .maplibregl-ctrl-attrib,
.rect-map-stage .maplibregl-ctrl-scale {
  background: rgba(0, 0, 0, 0.72);
  border: 1px solid rgba(233, 236, 225, 0.24);
  border-radius: 3px;
  color: rgba(244, 245, 240, 0.78);
  font-size: 10px;
}

.rect-map-stage .maplibregl-ctrl-attrib a {
  color: var(--brand-zest);
  text-decoration: none;
}

.rect-map-maplibre .maplibregl-popup {
  max-width: 220px;
}

.rect-map-maplibre .maplibregl-popup-content {
  padding: 8px 10px;
  background: rgba(0, 0, 0, 0.82);
  border: 1px solid rgba(233, 236, 225, 0.2);
  border-radius: 4px;
  color: #ffffff;
  font-family: "Diatype Semi Mono Condensed", "Diatype", Inter, sans-serif;
  font-size: 12px;
  font-weight: 600;
  box-shadow: none;
}

.rect-map-maplibre .maplibregl-popup-tip {
  border-top-color: rgba(0, 0, 0, 0.82);
}

:root[data-theme="light"] .landing-map-engine-link {
  background: rgba(244, 245, 240, 0.9);
  border-color: rgba(39, 48, 41, 0.16);
  color: rgba(39, 48, 41, 0.74);
}

:root[data-theme="light"] .landing-map-engine-link:hover,
:root[data-theme="light"] .landing-map-engine-link:focus-visible,
:root[data-theme="light"] .landing-map-engine-link.active {
  border-color: rgba(39, 48, 41, 0.38);
  color: var(--brand-pine);
}

:root[data-theme="light"] .rect-map-stage .maplibregl-ctrl-group,
:root[data-theme="light"] .rect-map-stage .maplibregl-ctrl-group button,
:root[data-theme="light"] .rect-map-stage .maplibregl-ctrl-attrib,
:root[data-theme="light"] .rect-map-stage .maplibregl-ctrl-scale {
  background: rgba(244, 245, 240, 0.9);
  border-color: rgba(39, 48, 41, 0.18);
  color: rgba(39, 48, 41, 0.76);
}

:root[data-theme="light"] .rect-map-stage .maplibregl-ctrl button .maplibregl-ctrl-icon {
  filter: none;
}