:host {
  display: block;
  width: 100%;
}

.location-map {
  width: 100%;
  min-height: 22rem;
  overflow: hidden;
  background: #e9ecef;
  border-radius: 0.75rem;
}

:host ::ng-deep .leaflet-popup-content {
  display: grid;
  gap: 0.2rem;
  margin: 0.85rem 1rem;
  color: #343a40;
  line-height: 1.4;

  a {
    margin-top: 0.25rem;
    color: var(--color-primary, #0d6efd);
    font-weight: 600;
  }
}

@media (max-width: 575.98px) {
  .location-map {
    min-height: 18rem;
  }
}
