/**
 * Block: service-area-map (patterns/service-area-map.php)
 */

.tidal-wave-service-area.tidal-wave-wave-section {
  --tidal-wave-wave-panel-bg: var(--wp--preset--color--surface);
}

.tidal-wave-service-area__title {
  margin: 0 0 var(--wp--preset--spacing--sm);
  color: var(--wp--preset--color--primary);
  font-size: clamp(1.5rem, 2.8vw, 2rem);
  font-weight: 800;
  line-height: 1.15;
}

.tidal-wave-service-area__map,
.wp-block-image.tidal-wave-service-area__map {
  margin: 0;
  overflow: visible;
}

.tidal-wave-service-area__map img,
.wp-block-image.tidal-wave-service-area__map img,
.tidal-wave-service-area__map .tidal-wave-media-placeholder {
  display: block;
  width: min(100%, 32rem);
  height: auto;
  max-height: none;
  margin-inline: auto;
  object-fit: contain;
  border-radius: var(--wp--custom--radius--card);
  box-shadow: var(--wp--custom--shadow--card);
}

@media (max-width: 781px) {
  .tidal-wave-service-area__columns {
    flex-direction: column;
  }

  .tidal-wave-service-area__map img,
  .wp-block-image.tidal-wave-service-area__map img,
  .tidal-wave-service-area__map .tidal-wave-media-placeholder {
    width: min(100%, 26rem);
  }
}