/*--------------------------*/
/*  MAP CUSTOM STYLES       */
/*--------------------------*/
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {background-color: var(--clr-white);color: var(--clr-title);box-shadow: none;}
.leaflet-popup-content-wrapper {border-radius: var(--rd-2);width: 16rem !important;}
.leaflet-container a.leaflet-popup-close-button {width: 1.5rem;height: 1.5rem;font: 1.5rem/1em var(--ff-1);color: var(--clr-title);}
.leaflet-popup-content {width: 100% !important;font-family: var(--ff-1);font-size: 1rem;line-height: 1.5em;color: var(--clr-title);margin: 1rem;}
.marker-cluster {background-color: var(--clr-secondary) !important;color: var(--clr-white);width: 2.5rem !important;height: 2.5rem !important;}
.marker-cluster div {background-color: var(--clr-secondary) !important;width: 100% !important;height: 100% !important;margin: 0 !important;border-radius: 100% !important;font: 1rem var(--ff-1) !important;}
.marker-cluster div > * {line-height: 2.5rem !important;}
.map-popup {position: relative;gap: 0.625rem;display: flex;flex-direction: column;}
.map-popup > * {font-size: 1rem;line-height: 1.5em;font-weight: 400;color: var(--clr-text);}
.map-popup a {color: var(--clr-text);text-decoration: underline;text-decoration-color: currentColor;}
.map-popup__title {font-size: var(--h6);font-weight: 600;}
@media (min-width: 1200px) {
.leaflet-container a.leaflet-popup-close-button:hover {color: var(--clr-primary);}
.map-popup a:hover {color: var(--clr-primary);}
}
@media (max-width: 767px) {
.map-popup {gap: 0.25rem;}
.map-popup > * {font-size: 0.875rem;}
}