/* Shared map surface for both versions. Planner owns the utility treatment; Atlas can place it in a dialog. */
.discovery-map, .leaflet-container { background: #dce3dc; font-family: var(--travel-font, "IBM Plex Sans", sans-serif); }
.discovery-map .leaflet-tile-pane { filter: saturate(.68) contrast(.96); }
.discovery-map .leaflet-control-attribution, .leaflet-control-attribution { margin: 0 6px 6px 0; padding: 3px 7px; color: #36443c; background: #f7faf3e8; font-size: 10px; }
.discovery-map .leaflet-control-attribution a { color: inherit; }
.discovery-marker-wrap { background: transparent; border: 0; }
.discovery-marker { display: inline-flex; align-items: center; gap: 7px; min-height: 34px; padding: 4px 10px 4px 5px; transform: translate(-14px, -14px); border: 1px solid #25352b; border-radius: 18px; color: #17221c; background: #f7faf2; box-shadow: 0 2px 8px #18261c35; white-space: nowrap; font: 600 11px/1 var(--travel-font, sans-serif); }
.discovery-marker b { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; color: #f7faf2; background: #273c2d; font-size: 10px; }
.discovery-marker:hover, .discovery-marker:focus-visible { background: #c6e93f; border-color: #17221c; outline: 3px solid #c6e93f66; outline-offset: 2px; }
.discovery-marker.is-selected { color: #f7faf2; background: #17221c; border-color: #c6e93f; }
.discovery-marker.is-selected b { color: #17221c; background: #c6e93f; }
.discovery-marker.is-saved { border-color: #6f9414; }
.discovery-marker.is-saved span::after { content: " · saved"; color: #6f9414; font-weight: 400; }
.discovery-marker.is-selected.is-saved span::after { color: #c6e93f; }
.discovery-cluster-wrap { background: transparent; border: 0; }
.discovery-cluster { display: grid; place-items: center; width: 38px; height: 38px; border: 2px solid #f7faf2; border-radius: 50%; color: #17221c; background: #c6e93f; box-shadow: 0 2px 8px #18261c45; font: 700 12px/1 var(--travel-font, sans-serif); }
.discovery-cluster:hover, .discovery-cluster:focus-visible { background: #e0f58b; outline: 3px solid #c6e93f66; outline-offset: 2px; }
.leaflet-marker-icon:focus-visible { outline: 3px solid #c6e93f; outline-offset: 3px; }
@media (max-width: 760px) {
  .discovery-marker { min-height: 40px; padding-right: 8px; }
  .discovery-marker > span { display: none; }
  .discovery-marker b { width: 28px; height: 28px; }
}
@media (prefers-reduced-motion: reduce) {
  .discovery-marker, .discovery-cluster { transition: none !important; }
}
.map-unavailable { max-width: 420px; padding: 36px; color: #17221c; font: 16px/1.6 var(--travel-font, sans-serif); }
