.mapboxgl-popup-content{
  width: 320px;
  max-width: 320px;
  padding: 14px;
  border-radius: 14px;
}

.location-popup{
  display: flex;
  flex-direction: column;
}

.popup-image{
  width: 100%;
  height: 180px;
  object-fit: cover;
  border-radius: 12px;
  margin-bottom: 10px;
  display: block;
}

.popup-title{
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 2px;
  color: #000;
}

.popup-country{
  font-size: 13px;
  opacity: 0.65;
  color: #000;
}

.popup-subtitle{
  font-size: 13px;
  opacity: 0.65;
  color: #000;
}

body.dark-mode .popup-title,
body.dark-mode .popup-country,
body.dark-mode .popup-subtitle{
  color: #f5f5f5;
}