@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap');

.aco-globe-map-wrap { width: 100% !important; }
.aco-globe-map {
  width: 100% !important;
  height: 750px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

/* Force Mapbox canvas + container to be transparent */
.mapboxgl-map,
.mapboxgl-canvas {
  background: transparent !important;
}

/* Marker */
.aco-globe-marker {
  width: 30px;
  height: 30px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="%23e5007c"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"/></svg>');
}

/* Popup typography */
.mapboxgl-popup-content,
.mapboxgl-popup-content * {
  font-family: 'Montserrat', sans-serif !important;
}

/* Popup spacing */
.mapboxgl-popup-content {
  padding: 20px 22px !important;
  border-radius: 0 !important;
}

.mapboxgl-popup-content p {
  font-size: 16px !important;
  line-height: 1.4 !important;
  color: #000 !important;
  margin: 12px 0 16px !important;
}

/* Button-style link */
.mapboxgl-popup-content a {
  display: inline-block !important;
  background-color: #A9905B !important;
  color: #ffffff !important;
  text-decoration: none !important;
  font-size: 15px !important;
  padding: 10px 16px !important;
  border-radius: 0 !important;
  text-align: center !important;
}

/* Hover */
.mapboxgl-popup-content a:hover {
  background-color: #8f7950 !important;
  color: #ffffff !important;
  text-decoration: none !important;
}