/* listing-geomap.css — Neon dark map component for listing pages.
   Small, inline, next to filter row. TRUE NEON: drop-shadow glow on paths. */

.listing-geomap {
  width: 300px; min-width: 260px; max-width: 340px;
  height: 220px; border-radius: 12px;
  border: 1px solid rgba(212,175,55,0.25);
  background: #0a0a0a; position: relative; overflow: hidden; flex-shrink: 0;
  box-shadow: 0 0 30px rgba(212,175,55,0.08), 0 4px 16px rgba(0,0,0,0.5);
}
.listing-geomap .leaflet-container { background: #0a0a0a !important; }
.listing-geomap .leaflet-tile-pane { display: none; }

/* ── TRUE NEON: SVG paths glow via drop-shadow ── */
.listing-geomap path {
  filter: drop-shadow(0 0 2px rgba(212,175,55,0.4));
  transition: filter 0.2s, fill 0.2s, stroke 0.2s;
  cursor: pointer;
}
.listing-geomap path:hover {
  filter: drop-shadow(0 0 6px rgba(212,175,55,0.8)) drop-shadow(0 0 12px rgba(212,175,55,0.4));
}
.listing-geomap path.neon-active {
  filter: drop-shadow(0 0 6px rgba(74,222,128,0.8)) drop-shadow(0 0 14px rgba(74,222,128,0.4));
}
/* City circle markers glow */
.listing-geomap circle {
  filter: drop-shadow(0 0 4px rgba(212,175,55,0.7));
  cursor: pointer;
  transition: filter 0.2s, r 0.15s;
}
.listing-geomap circle:hover {
  filter: drop-shadow(0 0 8px rgba(212,175,55,1)) drop-shadow(0 0 16px rgba(212,175,55,0.5));
}
.listing-geomap circle.neon-active {
  filter: drop-shadow(0 0 8px rgba(74,222,128,1)) drop-shadow(0 0 16px rgba(74,222,128,0.5));
}

/* Tooltip — neon-bordered dark bubble */
.geomap-tooltip {
  background: rgba(0,0,0,0.92) !important; color: #fff !important;
  font-size: 11px !important; font-weight: 600 !important;
  border: 1px solid rgba(212,175,55,0.5) !important;
  border-radius: 6px !important; padding: 5px 12px !important;
  box-shadow: 0 0 16px rgba(212,175,55,0.25) !important;
}
.geomap-tooltip .leaflet-tooltip-left::before { border-left-color: rgba(212,175,55,0.5) !important; }
.geomap-tooltip .leaflet-tooltip-right::before { border-right-color: rgba(212,175,55,0.5) !important; }

/* Count labels (permanent on-map text) */
.geomap-count-label {
  background: none !important; border: none !important; box-shadow: none !important;
  color: #d4af37 !important; font-size: 9px !important; font-weight: 800 !important;
  text-shadow: 0 0 6px rgba(212,175,55,0.8), 0 0 12px rgba(0,0,0,0.9) !important;
  white-space: nowrap !important; pointer-events: none !important;
}

/* Breadcrumb */
.geomap-breadcrumb a:hover { background: rgba(212,175,55,0.15) !important; }

@media (max-width: 768px) {
  .listing-geomap { width: 100%; max-width: 100%; height: 180px; order: -1; }
}