/*
 * Live contact map (Google Maps embed) on top of the design's .contact-map box.
 * The design pin + address bubble stay on top, centered on the map location.
 * Without a map location (map_coordinates / map_address) the map section is not rendered.
 */
.contact-map--live {
  background: #eef3f7;
}

.contact-map__frame {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.contact-map--live .contact-map__pin {
  left: 50%;
  top: 50%;
  z-index: 1;
  /* marker tip on the map center (Google's own marker sits there) */
  transform: translate(-50%, calc(-100% + 3px));
  pointer-events: none;
}