.mapboxgl-map {
    border-radius: 5px;
    height: 70vh;
    margin: 50px;
    margin-left: auto;
    margin-right: auto;
    width: 85vw;
}

.mapcard-country {
    font-weight: bold;
    text-transform: uppercase;
}

.mapcard .mapcard-title {
    font-size: 1.5rem;
    font-weight: bold;
    text-align: unset !important;
}

.mapboxgl-popup .mapboxgl-popup-content {
    background: #3C2C2A;
    border-radius: 10px;
    padding: 2rem;
    width: clamp(250px, 40%, 400px);
}

.mapboxgl-popup-content .mapboxgl-popup-close-button {
    background-color: #fff;
    border-radius: 4px;
    font-size: 2rem;
}

.mapboxgl-popup-content .mapboxgl-popup-close-button:hover {
    background-color: #fff;
}

.mapboxgl-popup-close-button:focus-visible {
    outline: unset;
}

.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl.mapboxgl-ctrl-attrib {
    border-radius: 2px;
    background-color: #857D7D;
    opacity: 0.6;
}

.distributeurs li > a:hover {
    cursor: unset;
    text-decoration: none !important;
}