/* css/map.css — 지도 관련 스타일 */
#map { width: 100%; height: 100%; background: #0a111d; }
.map-fallback {
  height: 100%; display: flex; align-items: center; justify-content: center;
  text-align: center; padding: var(--sp-5); color: var(--text-dim);
  max-width: 460px; margin: 0 auto;
}

/* Leaflet 다크 톤 조정 */
.leaflet-container { background: #0a111d; font-family: inherit; }
.leaflet-tile { filter: brightness(0.82) saturate(0.85); }
.leaflet-control-zoom a {
  background: var(--bg-panel); color: var(--text); border-color: var(--border);
}
.leaflet-control-zoom a:hover { background: var(--bg-elev); }
.leaflet-control-attribution {
  background: rgba(11, 18, 32, 0.7) !important; color: var(--text-mute) !important;
}
.leaflet-control-attribution a { color: var(--text-dim) !important; }

/* 툴팁 */
.leaflet-tooltip {
  background: var(--bg-panel); color: var(--text);
  border: 1px solid var(--border); box-shadow: var(--shadow);
  font-size: 0.8rem; padding: 4px 8px;
}
.leaflet-tooltip-top::before { border-top-color: var(--border); }

/* 선택된 마커 강조 (애니메이션 링) */
.marker-selected {
  filter: drop-shadow(0 0 6px #ffd166);
  animation: marker-pulse 1.4s ease-in-out infinite;
}
@keyframes marker-pulse {
  0%, 100% { stroke-width: 3; }
  50% { stroke-width: 5; }
}
@media (prefers-reduced-motion: reduce) {
  .marker-selected { animation: none; }
}