/* GENERATED by scripts/build-map.mjs — do not edit.
   = src/map/ut-map.css; shared map styles are in ui-core.
   Edit the map surface in src/map/ut-map.css and rebuild. */

/* -----------------------------------------------------------------------------
 * Kart F0 (slice 2) — the place-hub map surface (.ut-map-*).
 *
 * scripts/build-map.mjs copies this surface partial
 * to assets/map/ut-map.css (the shipped, committed asset). Edit the map surface
 * HERE — never the generated file.
 *
 * Colours degrade to sensible defaults, and prefer the ui-core semantic tokens
 * when the token layer is present (registered as a soft dependency).
 * -------------------------------------------------------------------------- */

.ut-map {
  position: relative;
  width: 100%;
  height: 420px;
  min-height: 320px;
  border-radius: var(--ut-radius-md, 8px);
  overflow: hidden;
  background: var(--ut-color-surface-sunken, #eef1f4);
}

/* Leaflet initialises onto this element and needs an explicit size. */
.ut-map .leaflet-container {
  height: 100%;
  width: 100%;
  font: inherit;
  background: var(--ut-color-surface-sunken, #eef1f4);
}

/* Vector marker (no PNG icon self-hosted). CSS overrides the JS defaults when
   the ui-core accent token is available. */
.ut-map-area {
  fill: var(--ut-color-accent, #2b6cb0);
  stroke: var(--ut-color-accent, #2b6cb0);
}

/* «Open in map» (the menu below the map) is styled in assets/ut-pv.css. */

/* --------------------------------------------------------------------------
 * The map page (Kart og sted steg 1): focusable place markers (L.divIcon) and
 * the chosen place's label. A 28 px ring inside a 44 px hit area.
 * ------------------------------------------------------------------------ */
.leaflet-tooltip.ut-mapp-label {
  padding: 2px 6px;
  border: 2px solid var(--ut-selected, #1f4f86);
  border-radius: 4px;
  background: var(--ut-surface, #ffffff);
  color: var(--ut-content, #1a1a1a);
  font-size: 12px;
  font-weight: 600;
  box-shadow: none;
}
.leaflet-tooltip.ut-mapp-label::before {
  display: none;
}
.ut-mapp-shape {
  cursor: pointer;
}