/* ==========================================================================
   Media and people blocks — Image Gallery, People, Award Winners, Award
   Categories, Testimonials and the Venue Map.

   The component styling already lives in site.css. This file only carries the
   handful of rules the static design expressed as inline styles, plus the
   adjustments needed now these components render inside the shared section
   wrapper — and a few editor-only touches so the canvas stays workable.
   ========================================================================== */

/* The label above the testimonials is centred in the design with an inline
   style. Expressed as a class so no block has to emit inline CSS. */
.quote-eyebrow {
  display: block;
  text-align: center;
  margin-bottom: 2.4rem;
}

/* The venue band sets its own vertical rhythm around the details card, so the
   block ships with the "flush" section spacing. Without this the flush class
   would win on source order and flatten the band. */
.venue-band.site-section--space-flush {
  padding-block: clamp(2.5rem, 5vh, 4rem);
}

/* ==========================================================================
   EDITOR ONLY
   ========================================================================== */

/* An empty gallery slot still has to fill its share of the row. */
.editor-styles-wrapper .xgal .heavies-slot {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 0.8rem;
  text-align: center;
  font-size: 12px;
  line-height: 1.4;
  color: #b3a077;
  border: 1px dashed rgba(179, 160, 119, 0.6);
}

/* Keep the "add photograph" button a sensible size beside the photographs. */
.editor-styles-wrapper .xgal .block-list-appender {
  flex: 0 0 130px;
  align-self: center;
}

/* The map is a published-page element, so the editor shows the details card on
   its own. Drop the band's height and the card's page-width offset. */
.editor-styles-wrapper .venue-band {
  min-height: 0;
  padding-block: clamp(1.5rem, 3vw, 2.5rem);
}
.editor-styles-wrapper .venue-band .venue-overlay {
  left: auto;
  margin-inline: auto;
}