/* Beste Montage Tool – kaart op de publieke website ([interactieve_kaart]).
   Zelfde class-namen en kleuren als de oude snippet; alles binnen de kaart zelf. */

.mwc-map-container {
  background-color: #1a1a1a; border-radius: 8px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
  min-height: 500px; width: 100%; position: relative; z-index: 1;
}
.mwc-map-container .mwc-dot {
  background-color: #fd8def; width: 15px; height: 15px; border-radius: 50%;
  border: 2px solid #1a1a1a; cursor: pointer; transition: all 0.3s;
}
.mwc-map-container .mwc-dot:hover { transform: scale(1.3); box-shadow: 0 0 8px rgba(255, 255, 255, 0.7); }
.mwc-map-container .leaflet-popup-content-wrapper { background: #000000; border-radius: 6px; }
.mwc-map-container .leaflet-popup-tip { background: #000000; }
.mwc-map-container .mwc-popup-title {
  font-weight: bold; font-size: 1.1em; color: #fd8def;
  display: flex; align-items: center; margin-bottom: 3px;
}
.mwc-map-container .mwc-popup-flag { margin-right: 8px; border: 1px solid #ddd; vertical-align: middle; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); }
.mwc-map-container .mwc-popup-location { margin: 5px 0 0; padding: 0; list-style: none; color: #ccc; }
.mwc-map-container .mwc-popup-location li { margin-bottom: 2px; font-size: 0.9em; color: #fd8def; }
.mwc-map-container .mwc-popup-location .city-name { color: #ccc; margin-left: 5px; }
.mwc-map-container .leaflet-control-attribution { font-size: 10px; background: rgba(0, 0, 0, 0.55); color: #999; }
.mwc-map-container .leaflet-control-attribution a { color: #ccc; }