/* Carte de fiche boulangerie — conteneur Leaflet. */

.mbb-map {
    height: 260px;
    border-radius: var(--mbb-radius-field);
}

@media (min-width: 992px) {
    .mbb-map {
        height: 300px;
    }
}

/* Leaflet injecte ses propres polices et couleurs dans les popups et l'attribution. */
.leaflet-container {
    font-family: var(--mbb-font-body);
}

.leaflet-container a {
    color: var(--mbb-crust);
}

/* `.leaflet-container a` (ci-dessus) a une spécificité CSS supérieure à celle
   du `.btn-primary` de Bootstrap : sans ce ciblage explicite, le bouton de la
   popup carte affichait un texte Croûte sur fond Croûte (illisible). */
.leaflet-popup-content a.btn-primary {
    color: #fff;
}