/* Map Lite (lazy Google Maps iframe)
   v0.2.3.2:
   - Presentation (height/background/width) is controlled from Bricks via the
     shortcode element wrapper.
   - Fixed-height variant fills the wrapper height.
   - Ratio variant uses aspect-ratio on the map element (via inline CSS var
     or builder CSS), while width/max-width remain wrapper concerns.
*/

.map-lite {
  position: relative;
  width: 100%;
  /* Prefer the wrapper's background so Bricks controls placeholder color */
  background: inherit;
  cursor: pointer;
}

/* Existing "service areas" behavior: fixed height
   - If the wrapper has an explicit height, this fills it.
   - If not, we fall back to a sensible min-height.
*/
.map-lite--fixed {
  height: 100%;
  min-height: 0;
}

/* Contact-page / flexible behavior: aspect ratio */
.map-lite--ratio {
  height: auto;
  aspect-ratio: var(--map-lite-ar, 13 / 9);
}

.map-lite iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}