.carte-cadre {
    position: relative;
    z-index: 0;
    isolation: isolate;
    overflow: hidden;
    background: #1a1410;
}

.carte {
    width: 100%;
    height: 420px;
}

@media (max-width: 767px) {
    .carte {
        height: 340px;
    }

    .pk {
        transform: scale(0.8);
    }
}

.pk {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border: 3px solid #fff;
    border-radius: 9999px;
    color: #fff;
    font: 700 14px/1 'Fredoka', sans-serif;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.45);
}

.pk-ok { background: #1f9d55; }
.pk-no { background: #d62839; font-size: 17px; }
.pk-salle { background: #ffcd99; color: #2b1f14; font-size: 12px; }

.leaflet-tooltip.etiquette {
    background: #15803d;
    border: 0;
    color: #fff;
    font: 600 12px 'Fredoka', sans-serif;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
}

.leaflet-tooltip-bottom.etiquette::before {
    border-bottom-color: #15803d;
}

.legende-puce {
    display: inline-block;
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    border: 2px solid #fff;
    border-radius: 9999px;
}