/* map-styles.css */

#map-container {
  position: relative;
  width: 100%;
  height: calc(100vh - 95px);
  margin: 0 auto;
  z-index: 1;
}

/* Leaflet overrides */
.leaflet-container {
  background: #ddd;
  outline: none;
}

/* Responsive */
@media (max-width: 600px) {
  #map-container {
    height: 85vh;
  }

  .popup-content {
    width: 90%;
    padding: 20px 25px 30px 25px;
  }

  .popup-logo {
    width: 140px;
  }
}