/*
 * Additions for the static build. Everything else is the original theme CSS,
 * carried over untouched.
 */

/* Bootstrap sets .row{display:flex}, which has the same specificity as the
   [hidden] rule in its reboot and wins by source order. filter.js toggles the
   `hidden` attribute, so force it here. */
.containerMUI .mix[hidden] {
  display: none !important;
}

/* OpenStreetMap embed on business detail pages, replacing the Mapbox GL canvas.
   The theme gives #map a fixed 600px height (it used to hold a Mapbox canvas),
   so let the iframe grow to fill it and keep the "larger map" link beneath. */
#map {
  display: flex;
  flex-direction: column;
}

.osm-map {
  width: 100%;
  flex: 1 1 auto;
  min-height: 260px;
  border: 0;
}

#map > a {
  flex: 0 0 auto;
  padding: 0.5rem 0.75rem;
}

/* Pre-rendered OSM map thumbnails on listing cards, replacing the Mapbox
   Static Images API <img>. Same 300x200 box as the original. */
.map-thumb {
  width: 100%;
  max-width: 300px;
  height: auto;
  display: block;
}