/* ===== Leaflet Event Map Overrides ===== */

#events-map { width: 100%; border-radius: 0 0 .375rem .375rem; }
#events-map .leaflet-popup-content { font-size: 14px; line-height: 1.5; }
#events-map .leaflet-popup-content b { display: block; margin-bottom: 4px; }
#events-map .leaflet-popup-content a { color: var(--bs-primary, #0d6efd); }

/* MarkerCluster Farben an Bootstrap-Theme anpassen */
.marker-cluster-small { background-color: rgba(13, 110, 253, .2); }
.marker-cluster-small div { background-color: rgba(13, 110, 253, .6); color: #fff; }
.marker-cluster-medium { background-color: rgba(25, 135, 84, .2); }
.marker-cluster-medium div { background-color: rgba(25, 135, 84, .6); color: #fff; }
.marker-cluster-large { background-color: rgba(220, 53, 69, .2); }
.marker-cluster-large div { background-color: rgba(220, 53, 69, .6); color: #fff; }

/* Map-Toggle-Chevron Rotation */
#eventsMapToggle[aria-expanded="true"] .map-toggle-icon { transform: rotate(180deg); transition: transform .2s; }
#eventsMapToggle[aria-expanded="false"] .map-toggle-icon { transform: rotate(0deg); transition: transform .2s; }

/* Event-Highlight Zeile */
tr.event-highlight { transition: background-color .3s; }

/* Responsive Map-Höhe */
@media (max-width: 575.98px) {
  #events-map { height: 300px !important; }
  #eventsMapCollapse:not(.show) { display: none; }
}