/* ==========================================================================
   BOOK + BOOKING SUCCESS PAGES
   Loads alongside core.css. Page-hero base lives in core.css; only the
   page-specific overrides are kept here.
   ========================================================================== */

/* ==========================================================================
   PAGE HERO (overrides only)
   ========================================================================== */

.page-hero { min-height: clamp(20rem, 50vh, 28rem); }
.page-hero__media img { object-position: center 45%; }

/* ==========================================================================
   BOOKING
   ========================================================================== */

.book {
  background: var(--color-cream);
  padding-block: clamp(3.5rem, 9vh, 6.5rem);
}
.book__intro {
  max-width: 46rem;
  margin-bottom: clamp(2rem, 5vh, 3rem);
}
.book__title {
  font-size: var(--step-2);
  margin-top: var(--space-2xs);
}
.book__lead {
  margin-top: var(--space-s);
  color: var(--color-muted);
  line-height: 1.6;
}
.book__lead a { color: var(--color-gold-ink); text-decoration: underline; }

/* Embed frame. The Vagaro widget (iframe or script) renders inside this. */
.book__embed {
  background: var(--color-cream);
  border: 1px solid rgba(19, 45, 32, 0.1);
  border-radius: var(--radius-l);
  padding: clamp(0.75rem, 2vw, 1.25rem);
  min-height: 560px;
}
.book__embed iframe,
.book__embed .vagaro {
  display: block;
  width: 100%;
  border: 0;
}

/* Quiet fallback line under the calendar */
.book__fallback {
  margin-top: var(--space-l);
  text-align: center;
  color: var(--color-muted);
  font-size: var(--step--1);
}
.book__fallback a { color: var(--color-gold-ink); font-weight: 600; }

/* ==========================================================================
   BOOKING SUCCESS
   ========================================================================== */

.booking-success {
  background: var(--color-cream);
  display: flex;
  align-items: center;
  text-align: center;
  padding-block: clamp(7rem, 15vh, 10rem) clamp(4rem, 10vh, 7rem);
  min-height: 70vh;
}
.booking-success__inner {
  max-width: 40rem;
  margin-inline: auto;
}
.booking-success__icon {
  width: 64px;
  height: 64px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--color-verde);
  color: var(--color-gold);
}
.booking-success__title {
  font-size: var(--step-3);
  margin-top: var(--space-m);
}
.booking-success__text {
  margin-top: var(--space-s);
  color: var(--color-muted);
  line-height: 1.6;
}
.booking-success__text a { color: var(--color-gold-ink); text-decoration: underline; }
.booking-success__actions {
  margin-top: var(--space-l);
  display: flex;
  gap: var(--space-s);
  justify-content: center;
  flex-wrap: wrap;
}