/* Heuristic Data — contact map theme (Leaflet overrides). */

.leaflet-container {
  background: var(--bg-2);
  font-family: var(--font-display);
}

/* Custom pulsing-dot marker (see assets/js/map.js). */
.contact-map-marker { background: none; border: none; }

/* Darken the free OSM raster tiles into a dark-mode map (see map.js).
   Light theme keeps the tiles in their native light style — no filter. */
.hd-map-tiles {
  filter: invert(1) hue-rotate(180deg) brightness(0.6) contrast(1) saturate(0.4);
}
:root[data-theme="light"] .hd-map-tiles {
  filter: none;
}

/* Attribution — required by tile provider, kept minimal to match the UI:
   no chip/box, just faint mono text that blends into the map corner. */
.leaflet-container .leaflet-control-attribution {
  background: none;
  margin: 0 10px 8px 0;
  color: var(--fg-faint);
  font-family: var(--font-mono);
  font-size: 9.5px;
  letter-spacing: 0.08em;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
}
.leaflet-control-attribution a {
  color: var(--fg-faint);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: border-color 0.15s, color 0.15s;
}
.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
  color: var(--accent);
  border-bottom-color: var(--accent);
}

/* Popup shell. */
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
  background: var(--bg-2);
  color: var(--fg);
  border: 1px solid var(--line-strong);
  box-shadow: 0 12px 32px -12px rgba(0, 0, 0, 0.6);
}
.leaflet-popup-content-wrapper { border-radius: 8px; }
.leaflet-popup-content { margin: 12px 14px; }
.leaflet-container a.leaflet-popup-close-button {
  color: var(--fg-faint);
  font-size: 18px;
}
.leaflet-container a.leaflet-popup-close-button:hover { color: var(--fg); }

/* Popup content. */
.contact-map-popup { display: flex; flex-direction: column; gap: 8px; }
.contact-map-popup-addr { font-size: 10.5px; letter-spacing: 0.08em; }
.contact-map-popup-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-mono);
  font-size: 12px;
  color: var(--accent);
  border-bottom: 1px solid transparent;
  padding-bottom: 1px;
  align-self: flex-start;
  transition: border-color 0.15s;
}
.contact-map-popup-link:hover { border-bottom-color: var(--accent); }