/**
 * Brand colours for the marker clusters rendered by the Leaflet Map
 * plugin's clustering extension (Leaflet.markercluster under the hood).
 * Overrides the library's default green/yellow/orange size tiers with a
 * single brand-coloured style, matching the individual marker icon colours.
 */

.marker-cluster-small,
.marker-cluster-medium,
.marker-cluster-large {
	background-color: color-mix(in srgb, var(--wp--preset--color--ti-fg, #2f0a28) 60%, transparent) !important;
}

.marker-cluster-small div,
.marker-cluster-medium div,
.marker-cluster-large div {
	background-color: var(--wp--preset--color--ti-fg, #2f0a28) !important;
	color: var(--wp--preset--color--ti-bg-inv, #e6b22f) !important;
}

.marker-cluster span {
	font-weight: bold;
}