.theme-sombre .leaflet-layer {
    filter: invert(100%) hue-rotate(180deg) brightness(95%) contrast(90%);
}

button#plein-ecran {
    display: none;
}

div#leaflet {
    height: 60vh;
    font-family: inherit;
    border-radius: 15px;
    z-index: 1;
}

div#leaflet div.leaflet-control-attribution {
    background-color: var(--couleur-primaire-fond) !important;
    color: var(--couleur-primaire-fonce) !important;
}

.theme-sombre div#leaflet div.leaflet-control-attribution {
    color: var(--couleur-primaire) !important;
}

div#leaflet div.leaflet-control-attribution a {
    color: var(--couleur-primaire-fonce) !important;
}

.theme-sombre div#leaflet div.leaflet-control-attribution a {
    color: var(--couleur-primaire) !important;
}


div.leaflet-popup-content-wrapper,
div.leaflet-popup-tip {
    background-color: black;
}

div.leaflet-popup.cv div.leaflet-popup-content {
    width: 18.75rem;
    height: 12rem;
    margin: 13px 20px;
}

div.leaflet-popup.cv div.leaflet-popup-content p {
    width: calc(100% - 8px * 2);
    position: absolute;
    top: 6px;
    left: 8px;
    margin: 0;
    color: white;
    font-weight: 400;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

div.leaflet-popup.cv div.leaflet-popup-content p > a {
    color: inherit;
}

div.leaflet-popup.cv div.leaflet-popup-content p > a::after {
    background-color: white;
    vertical-align: middle;
}

div.leaflet-popup.cv div.leaflet-popup-content iframe {
    width: 100%;
    height: calc(100% - 27px) !important;
    position: absolute;
    top: 27px !important;
    left: 0;
    border: 0;
    border-radius: 0 0 12px 12px;
}

/*
 * MEDIUM
 */
 @media screen and (min-width: 60rem) {

    button#plein-ecran {
        position: absolute;
        top: 0.75rem;
        right: 0.75rem;
        display: block;
        width: fit-content;
        height: auto;
        padding: 0.7rem 1.2rem;
        font-size: var(--wp--preset--font-size--small);
        z-index: 500;
    }
}