/* Map container background from theme (DaisyUI base-200) */
.leaflet-container {
  background: var(--color-base-200);
}

/* Override Leaflet default: show tiles even when leaflet-tile-loaded is not applied
   (e.g. due to cache, Nuxt hydration, or load event order). */
.leaflet-tile {
  visibility: visible !important;
}

/* Subtle highlight when a tile is updated via SSE (reduced intensity to limit flicker). */
@keyframes tile-fresh-glow {
  0% {
    opacity: 0.92;
  }
  100% {
    opacity: 1;
  }
}
.leaflet-tile.tile-fresh {
  animation: tile-fresh-glow 0.4s ease-out;
}

/* Leaflet tooltip: use theme colors (dark/light) */
.leaflet-tooltip {
  background-color: var(--color-base-100);
  color: var(--color-base-content);
  border-color: var(--color-base-300);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}
.leaflet-tooltip-top:before {
  border-top-color: var(--color-base-100);
}
.leaflet-tooltip-bottom:before {
  border-bottom-color: var(--color-base-100);
}
.leaflet-tooltip-left:before {
  border-left-color: var(--color-base-100);
}
.leaflet-tooltip-right:before {
  border-right-color: var(--color-base-100);
}

/* Leaflet popup: use theme colors (dark/light) */
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
  background: var(--color-base-100);
  color: var(--color-base-content);
  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.35);
}
.leaflet-container a.leaflet-popup-close-button {
  color: var(--color-base-content);
  opacity: 0.7;
}
.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
  opacity: 1;
}