/* app/styles/map.css */
/* Load this after Leaflet’s CSS and your Tailwind layers */

/* 1) Remove Leaflet’s default popup styling */
.leaflet-popup-content-wrapper {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  padding: 0 !important;
}

/* 2) Hide the popup arrow */
.leaflet-popup-tip-container {
  display: none !important;
}

/* 3a) Reset plain links (non-buttons) */
.leaflet-popup--shadcn .leaflet-popup-content-wrapper a:not(.inline-flex) {
  color: inherit !important;
  text-decoration: none !important;
}

/* 3b) Force white text on primary buttons */
.leaflet-popup--shadcn .leaflet-popup-content-wrapper a.inline-flex.bg-primary {
  color: hsl(var(--primary-foreground)) !important;
}

/* 3c) Force black text on outline buttons */
.leaflet-popup--shadcn
  .leaflet-popup-content-wrapper
  a.inline-flex:not(.bg-primary) {
  color: hsl(var(--foreground)) !important;
}