:root {
    --color-dechetterie:#6C8B6F;
    --color-isdi:#F5A0A0;
    --color-plateforme:#77B7C0;
    --color-usine:#9AD7CD;
    --color-pointtri:#F0C15A;
    --color-bornetextile:#8C668C;
    --color-kml:#8AC09C;
    --color-biodechet:#D7B390;
    --color-commune:#8AC09C;
    --color-bureau:#EC660C;
}

/* L'infobulle de gmap */
/* Le contour */
.gm-style .gm-style-iw-c{
    background: transparent;
    box-shadow: none;
    border: none;
    padding: 0;
    border-radius: 0 0 10px 10px;
    min-width: 300px !important;
}
.gm-style .gm-style-iw-d {
    overflow: auto !important;
}
/* Le chiffre dans les pictos "cluster" */
div.cluster0 {
    line-height: 30px !important;
}
/* Le bouton */
.gm-style .gm-style-iw-c .gm-ui-hover-effect {
    top: 6px !important;
    border: 1px gray solid !important;
    right: 2px !important;
}
.gm-style .gm-style-iw-c .gm-ui-hover-effect span {
    width: 23px !important;
    height: 23px !important;
    margin:3px !important;
}
.gm-style img[src*="sitcom"] {
    filter: drop-shadow(3px 2px 2px rgba(0, 0, 0, 0.4));
    max-width: 100% !important;
    height: auto !important;
}
/* Le contenu */

.leaflet-popup-content, 
.leaflet-popup-content-wrapper{
    font-size: var(--bs-body-font-size);
}
.leaflet-popup-content:has(.info-borne), 
.leaflet-popup-content-wrapper:has(.info-borne){
    margin: 0;
    padding: 0;
}
.leaflet-container .leaflet-popup-content-wrapper:has(.info-borne)~a.leaflet-popup-close-button{
    color: white;
}
.info-borne {
    background: white;
    padding: 0 1rem 1rem;
    border-radius: 12px;
}
.info-borne h1 {
    color: white !important;
    padding: 1rem 1.6rem;
    margin: 0 -1rem 1rem;
    font-size: 1.7rem;
    border-radius: 12px 12px 0 0;
    text-align: center;
}

.info-borne h2 {
    font-size: 1.6rem;
    margin: 2rem 0;
}

.info-borne.plateforme h2,
.info-borne.isdi h2,
.info-borne.usine h2  {
    padding-top: 1rem;
    margin-right: 2.7rem;
}

.leaflet-popup-content .info-borne p {
    margin-top: 0;
    margin-bottom: 1.5rem;
}

.info-borne li img {
    margin-right: 10px;
    margin-bottom: 5px;
}
.info-borne.dechetterie ul {
    margin-top: -1rem;
}
.info-borne.dechetterie li {
    line-height: 2.2rem;
}

.info-borne.textile h1 {
    background: var( --color-bornetextile);
}

.info-borne.pointtri h1 {
    background: var( --color-pointtri);
}

.info-borne.biodechet h1 {
    background: var( --color-biodechet);
}

.info-borne.dechetterie h1 {
    background: var( --color-dechetterie);
}

.info-borne.usine h1 {
    background: var( --color-usine);
}

.info-borne.isdi h1 {
    background: var( --color-isdi);
}

.info-borne.plateforme h1 {
    background: var( --color-plateforme);
}

/* autocomplete*/
#code_postal__listbox,#address__listbox{
    position: absolute;
    z-index: 402;
}

/* filtre */
#search-adress-map,#layerFilters{
    border-radius: var(--bs-border-radius);
    background: white;
}

#search-adress-map{
    background: var(--bs-gray-300);
}
#search-adress-map,#layerFilters{
    box-shadow: 0px 3px 20px -8px rgba(0, 0, 0, 0.25);    
    margin-bottom: 4rem;
    padding: 2rem;
}

#layerFilters ul{
    list-style: none;
    padding: 0;
}
#layerFilters ul li {
    display: flex;
    align-items: center;
    position: relative;
}

#layerFilters input{
    position: absolute;
    right: 1rem;
    margin-top: -0.9rem;
    clip: unset;
    pointer-events: all;
}

#layerFilters .btn{
    width: 100%;
    text-align: left;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    padding-right: 3rem;
}

#layerFilters span {
    width: 4.6rem;
    height: 4.6rem;
    margin-right: 1rem;
    vertical-align: middle;
    border-radius: 50%;
    overflow: clip;
    display: flex;
    justify-content: center;
    align-items: center;
}
#layerFilters img {
    width: 5rem;
    object-position: 0px 6px;
    object-fit: cover;
    max-width: unset;
}

#layerFilters legend,#layerFilters legend button[aria-expanded="false"]{
    margin-bottom: 0;
}

#layerFilters legend button::after{
    content:"+";
    margin-left: 1rem;
    font-size: 2rem;
}

#layerFilters legend button[aria-expanded="true"]::after{
    content:"-";
}

#layerFilters id{
    content:"-";
}


/* SMall devices (phone, 576px / 36em and up) */
@media (min-width: 36em){

}

/* Medium devices (tablets, 768px / 48em and up) */
@media(max-width: 47.98em) {
 .tx-sitcom #map{
        height: 70vh !important;
    }
}

/* Medium devices (tablets, 768px / 48em and up) */
@media ( min-width :48em) {

   
}

/* Large devices (desktops, 992px / 62em and up) */
@media (min-width: 62em) {

}

/* X-Large devices (large desktops, 1200px / 75em and up) */
@media (min-width: 75em) {

    .tx-sitcom #allmap{
        position: relative;
    }

    #search-adress-map,#layerFilters{
        margin: 2rem;
        padding: 2rem;
        position: absolute;
        z-index: 401;
        width: 100%;
    }

    #search-adress-map{
        top: 8rem;
        z-index: 402;
    }

    #layerFilters {
        top: 28rem;
    }

}

/* XX-Large devices (large desktops, 1400px / 87.5em and up) */
@media (min-width: 87.5em) {

}



/* XXX-Large devices (larger desktops, 1600px / 100em and up) */
@media (min-width: 100em) {

}