#map {
    height: 95dvh;
}

footer {
    z-index: 5000;
    background-color: white;

}



.leaflet-popup-content-wrapper {
    background: #ffffff !important;
    text-align: center !important;

    box-shadow: 0 !important;

}


/* Lien dans la popup */
.leaflet-popup-content a {
    text-decoration: none;
    color: inherit;
}

.leaflet-popup-content a:hover {
    text-decoration: underline;
}

.project-marker {
    transition: stroke-width 0.3s ease, stroke-width 0.3s ease;
    stroke-width: 0px;
}

.project-marker:hover {

    stroke: black;
    stroke-width: 20px;
}

.leaflet-touch,
.leaflet-bar {
    border: none !important;
}

#map {


    .leaflet-control-zoom.leaflet-bar.leaflet-control {
        display: flex;
        flex-direction: row;
        gap: var(--gutter);
    }

    .leaflet-bar a {

        border-top-left-radius: 50px;
        border-top-right-radius: 50px;
    }

    .leaflet-bar a:last-child {
        border-bottom-left-radius: 50px;
        border-bottom-right-radius: 50px;
    }

}


@media (width <=968px) {
    #map {
        height: 110vh;
        touch-action: none;
    }

    nav.hidden {
        transform: translateY(calc(0 - var(--bm)));
    }


    footer.mini {
        display: none;
    }


    .project-marker {

        stroke: black;
        stroke-width: 10px;
    }
}