#wp-team-map,
#wp-team-map-editor {
  width: 100%;
  height: 500px;
  border-radius: 8px;
  margin: 0 auto;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* Add breathing room below map for both shortcode and block */
#wp-team-map,
#wp-team-map-editor {
  margin-bottom: 32px;
}

.leaflet-marker-icon.user-photo {
  border-radius: 50%;
  border: 2px solid #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  object-fit: cover;
  transition: all 0.3s ease;
}

.leaflet-marker-icon.user-photo.highlighted-marker {
  border: 4px solid #0073aa;
  box-shadow: 0 0 0 4px rgba(0, 115, 170, 0.3), 0 4px 12px rgba(0, 0, 0, 0.3);
  transform: scale(1.2);
  z-index: 1000 !important;
}