/* ================================
   CITY PINS — add to your stylesheet
   ================================ */

/* Pulsing outer ring */
.city-pin-pulse {
  fill: rgba(255, 80, 50, 0.25);
  stroke: rgba(255, 80, 50, 0.6);
  stroke-width: 1;
  animation: pin-pulse 2s ease-out infinite;
  transform-box: fill-box;
  transform-origin: center;
}

@keyframes pin-pulse {
  0%   { r: 5;  opacity: 0.8; }
  70%  { r: 9;  opacity: 0;   }
  100% { r: 5;  opacity: 0;   }
}

/* Solid centre dot */
.city-pin-dot {
  fill: #ff5032;
  stroke: #fff;
  stroke-width: 1;
  pointer-events: none;
}

/* Label pill background */
.city-pin-label-bg {
  fill: rgba(20, 20, 20, 0.72);
  stroke: rgba(255, 80, 50, 0.5);
  stroke-width: 0.5;
}

/* Label text */
.city-pin-label {
  font-family: inherit, sans-serif;
  font-size: 19px;
  font-weight: 600;
  fill: #ffffff;
  letter-spacing: 0.3px;
  pointer-events: none;
}

/* Hover lift */
.city-pin:hover .city-pin-dot {
  fill: #ff8060;
  r: 4.5;
  transition: r 0.15s ease;
}