@charset "UTF-8";

body {
  margin: 0;
}

#map {
  height: 100vh;
}

img {
  width: 100%;
}

.leaflet-popup-content-wrapper, .leaflet-popup-tip {
  background: #000;
  color: #FFF;
}

/* Control button */
#controls {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 1000;
}

#tourBtn {
  background: #1e88e5;
  color: white;
  border: none;
  padding: 8px 12px;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 600;
}

/* pulsing marker using divIcon */
.pulse-marker {
  width: 20px;
  height: 20px;
  margin-left: -10px;
  margin-top: -10px;
  border-radius: 50%;
  background: rgba(255, 87, 34, 1);
  box-shadow: 0 0 0 rgba(255, 87, 34, 0.4);
  position: relative;
}
.pulse-marker::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: rgba(255, 138, 101, 0.6);
  animation: pulse 1.6s ease-out infinite;
}

@keyframes pulse {
  0% { transform: translate(-50%, -50%) scale(0.6); opacity: 1 }
  100% { transform: translate(-50%, -50%) scale(2.2); opacity: 0 }
}