/* Open Earth MapLibre popup skin. App chrome stays consistent across basemaps. */
.maplibregl-popup {
  max-width: 290px !important;
  font-family: var(--font-sans);
}

.maplibregl-popup-content {
  padding: 11px 14px 12px;
  border: 1px solid var(--border-panel);
  border-radius: var(--radius-md);
  background: rgba(8, 18, 27, 0.96);
  color: var(--text-main);
  box-shadow: 0 12px 34px rgba(0, 0, 0, 0.48);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  font-size: 12px;
  line-height: 1.5;
}

.maplibregl-popup-content strong {
  color: var(--text-bright);
  font-size: 13.5px;
  font-weight: 700;
}

.maplibregl-popup-content a {
  color: var(--text-link);
  text-decoration: none;
}

.maplibregl-popup-content a:hover {
  color: var(--text-link-hover);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.maplibregl-popup-close-button {
  color: var(--text-muted);
  padding: 3px 6px;
  font-size: 16px;
}

.maplibregl-popup-close-button:hover {
  background: var(--bg-hover);
  color: var(--text-bright);
}

.maplibregl-popup-anchor-top .maplibregl-popup-tip { border-bottom-color: rgba(8, 18, 27, 0.96); }
.maplibregl-popup-anchor-bottom .maplibregl-popup-tip { border-top-color: rgba(8, 18, 27, 0.96); }
.maplibregl-popup-anchor-left .maplibregl-popup-tip { border-right-color: rgba(8, 18, 27, 0.96); }
.maplibregl-popup-anchor-right .maplibregl-popup-tip { border-left-color: rgba(8, 18, 27, 0.96); }
.maplibregl-popup-anchor-top-left .maplibregl-popup-tip,
.maplibregl-popup-anchor-top-right .maplibregl-popup-tip { border-bottom-color: rgba(8, 18, 27, 0.96); }
.maplibregl-popup-anchor-bottom-left .maplibregl-popup-tip,
.maplibregl-popup-anchor-bottom-right .maplibregl-popup-tip { border-top-color: rgba(8, 18, 27, 0.96); }