/* The map element: the count circle of the estate map for the default
   cluster, the original's staged images with the count on top when the
   element names them. Leaflet's stylesheet loads after the consent, behind
   this one, and makes every marker icon a block — the clusters name the
   marker class as well, so their flex centering wins whatever the order. */
.leaflet-marker-icon.imo-map-cluster {
    background: url("../estates/map/m1.png") no-repeat center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    font: bold 11px Arial, sans-serif;
}

.imo-map-cluster span {
    margin-top: 3px;
}

.leaflet-marker-icon.cms-map-cluster {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font: bold 11px Arial, sans-serif;
}

.cms-map-cluster img {
    position: absolute;
    inset: 0;
}

.cms-map-cluster span {
    position: relative;
}