/* map-cluster-orange-force.css
   Erzwingt orange Raumfinder-Cluster auch wenn spätere Inline-CSS .rf-cluster überschreibt.
*/

#roomsOverviewMap .rf-cluster,
.leaflet-container .rf-cluster{
  border-radius:50% !important;
  border:4px solid rgba(255,255,255,.95) !important;
  background:transparent !important;
  color:#111 !important;
  box-shadow:0 6px 18px rgba(0,0,0,.18) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-weight:800 !important;
}

#roomsOverviewMap .rf-cluster-small,
.leaflet-container .rf-cluster-small{
  width:38px !important;
  height:38px !important;
}

#roomsOverviewMap .rf-cluster-medium,
.leaflet-container .rf-cluster-medium{
  width:44px !important;
  height:44px !important;
}

#roomsOverviewMap .rf-cluster-large,
.leaflet-container .rf-cluster-large{
  width:50px !important;
  height:50px !important;
}

#roomsOverviewMap .rf-cluster span,
.leaflet-container .rf-cluster span{
  width:100% !important;
  height:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:50% !important;
  color:#111 !important;
  font-weight:800 !important;
  background:linear-gradient(135deg,#ffcb1f 0%,#ffb11c 52%,#ff8f00 100%) !important;
  font-size:16px !important;
}

#roomsOverviewMap .rf-cluster-medium span,
.leaflet-container .rf-cluster-medium span{
  background:linear-gradient(135deg,#ffbf1a 0%,#ff9c01 56%,#ff7a00 100%) !important;
  font-size:17px !important;
}

#roomsOverviewMap .rf-cluster-large span,
.leaflet-container .rf-cluster-large span{
  background:linear-gradient(135deg,#ffb020 0%,#ff8f00 55%,#ef6c00 100%) !important;
  font-size:18px !important;
}

/* Falls Leaflet.MarkerCluster Standardklassen zusätzlich aktiv sind */
#roomsOverviewMap .marker-cluster-small,
#roomsOverviewMap .marker-cluster-medium,
#roomsOverviewMap .marker-cluster-large{
  background:rgba(255,176,32,.25) !important;
}

#roomsOverviewMap .marker-cluster-small div,
#roomsOverviewMap .marker-cluster-medium div,
#roomsOverviewMap .marker-cluster-large div{
  background:linear-gradient(135deg,#ffcb1f,#ff9c01,#ff7a00) !important;
  color:#111 !important;
  font-weight:800 !important;
}


/* brand-clean.css | http://raumfinder.local/assets/css/brand-clean.css?v=1 */

.leaflet-marker-icon {
   filter: none !important; 
}

/* brand-overrides.css | http://raumfinder.local/assets/css/brand-overrides.css?v=2 */

.leaflet-marker-icon {
   filter: none !important; 
}

/* Fix 2026-06-17: Leaflet MarkerCluster Zahlen exakt zentrieren.
   Die Standard-Cluster bestehen aus: .marker-cluster > div > span.
   Einige globale Styles haben line-height/display überschrieben; deshalb hier bewusst
   alle drei Ebenen auf Flex-Zentrierung setzen. */
#roomsOverviewMap .marker-cluster,
.leaflet-container .marker-cluster{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:rgba(255,176,32,.25) !important;
  border-radius:50% !important;
}

#roomsOverviewMap .marker-cluster div,
.leaflet-container .marker-cluster div{
  width:30px !important;
  height:30px !important;
  margin:5px !important;
  padding:0 !important;
  box-sizing:border-box !important;
  border-radius:50% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  line-height:1 !important;
  font-size:16px !important;
  font-weight:800 !important;
  color:#111 !important;
  border:2px solid #111 !important;
  background:linear-gradient(135deg,#ffcb1f,#ff9c01,#ff7a00) !important;
}

#roomsOverviewMap .marker-cluster div span,
.leaflet-container .marker-cluster div span{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  padding:0 !important;
  line-height:1 !important;
  text-align:center !important;
}