/* Marker carte Leaflet — charte étape 5 : goutte Croûte, agrandie si sélectionnée, Encre secondaire si fermée. */

.mbb-marker-pin {
    width: 100%;
    height: 100%;
    border-radius: 50% 50% 50% 0;
    background: var(--mbb-crust);
    transform: rotate(-45deg);
    box-shadow: 0 1px 4px rgba(43, 31, 23, .35);
}

.mbb-marker-pin::after {
    content: '';
    display: block;
    width: 34%;
    height: 34%;
    margin: 33% 0 0 33%;
    background: #FFFFFF;
    border-radius: 50%;
}

.mbb-marker-pin--closed {
    background: var(--mbb-ink-2);
    opacity: .7;
}

/* Cluster Leaflet.markercluster — surcharge des classes par défaut du plugin. */
.marker-cluster-small,
.marker-cluster-medium,
.marker-cluster-large {
    background-color: var(--mbb-crust-light);
}

.marker-cluster-small div,
.marker-cluster-medium div,
.marker-cluster-large div {
    background-color: var(--mbb-crust-light);
    color: var(--mbb-crust);
    font-family: var(--mbb-font-body);
    font-weight: 600;
}

/* Marché : même goutte que la boutique, en vert sauge (charte) avec un carré blanc au lieu du rond —
   lisible sans couleur (daltonisme) et distinct du pin d'une boutique. */
.mbb-marker-pin--market {
    background: var(--mbb-sage);
}

.mbb-marker-pin--market::after {
    border-radius: 2px;
    transform: rotate(45deg);
}