.map-container{
  padding-bottom: 0;
}
#map {
    height: calc(100vh - (var(--header-height) * 1)); 
    width: 100%;
    background-color: var(--grey); 
    z-index: 0;
    position: relative;
}
.map-container a.annuaire-header-link.mobile-grid-btn {
    position: absolute;
    z-index: 9;
    bottom: calc((var(--header-height) / 4));
    left: calc(var(--gap) * 2);
    background: var(--white);
    padding: var(--gap);
    border-radius: var(--radius);
}
.loader-map {
  position: absolute;
  top: var(--header-height);
  left: 0;
  height: calc(100vh - (var(--header-height) * 1));
  width: 100%;
  background: linear-gradient(263.76deg, rgba(10, 54, 96, 0.7) 0.33%, rgba(15, 35, 53, 0.4) 98.16%);
  opacity: 0.98;
  z-index: 998;
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(10px);
  opacity: 0;
  pointer-events: none;
  transition: all 300ms;
  z-index: 1;
}
.loader-active .loader-map {
    opacity: 1;
    pointer-events: all;
}
.loader-active .annuaire-side{
  pointer-events: none;
  filter: grayscale(1);
}
.loader {
    width: 48px;
    height: 48px;
    border: 5px solid #FFF;
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}


/* POPUP CONTENT */
.page-template-annuaire-map .leaflet-popup-content-wrapper, .leaflet-popup-tip {
  background: transparent;
  color: #333;
  box-shadow: none;
}
.page-template-annuaire-map .leaflet-container a.leaflet-popup-close-button {
  background: var(--orange);
  border-radius: 50px;
  border: 3px solid var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--white);
  top: 0px;
  right: 9px;
  width: 35px;
  height: 35px;
}
.page-template-annuaire-map .leaflet-popup-content{
  display: flex;
  flex-direction: column;
  gap: var(--gap);
  min-width: 280px;
  margin: 13px 24px -1px 20px;
}
.leaflet-popup-content > div{
  display: flex;
  flex-direction: column;
}
.leaflet-popup-content img{
  max-width: 80px;
}
.leaflet-popup-content a {
  background: var(--blue);
  border-radius: var(--radius);
  padding: calc(var(--gap) / 2) var(--gap);
  color: var(--white)!important;
  display: inline-flex!important;
  font-weight: 400;
  width: fit-content;
  margin: calc(var(--gap) * 1) 0;
}
.leaflet-popup-content .lire-plus-map-card{
  border-top: 1px solid var(--grey);
  margin: 0 calc(var(--gap) * 1.3);
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
} 

.page-template-annuaire-map .archive-title-container:not(.second-header-container),
.page-template-annuaire-map .d-none-map-filter{
  margin: 0;
  display: none;
}
/* img.leaflet-marker-icon.adherent {
  background: url(../img/icons/map/marker-adherent.svg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
} */

@media (max-width: 576px) {
  .page-template-annuaire-map .archive-title-container:not(.second-header-container){
    display: flex;
  }

  .map-container a.annuaire-header-link.mobile-grid-btn{
    display: none;
  }
  #map {
    height: calc(100vh - (var(--header-height) * 2)); 
  }
}