/* /book page — mobile-first refinements */

/* 1. Hide progress bar on step 1 (search). Re-show on steps 2+ */
.bw-book-page .bw-progress {
  display: none;
}
.bw-book-page .bw-progress:has(~ .bw-panel .bw-search-summary),
.bw-book-page .bw-progress:has(~ .bw-panel .bw-detail-container),
.bw-book-page .bw-progress:has(~ .bw-panel .bw-checkout-grid),
.bw-book-page .bw-progress:has(~ .bw-panel .bw-confirm-wrap) {
  display: block;
}

/* 2. Hide widget's search hero (eyebrow + h1 + subtitle) — Astro H1 replaces it */
.bw-book-page .bw-search-hero {
  display: none;
}

/* 3. Keep edit-dates strip below the fixed header (z-50 = 50) */
.bw-book-page .bw-search-summary {
  z-index: 40;
}

/* 4. Reduce vertical padding on GuestReviews when inside /book page */
.book-reviews-compact > section {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
@media (min-width: 768px) {
  .book-reviews-compact > section {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}

/* 5. Reduce header margin in GuestReviews on /book */
.book-reviews-compact .mb-16 {
  margin-bottom: 2.5rem;
}

/* 6. Hide landing content (trust bar, suite cards, reviews, etc.) on all steps except
   the date-picker (step 1). The booking widget sets data-bw-step on #bw-app each render.
   Before JS loads, no attribute exists → content is visible (correct for step 1).
   Uses :has() to reach across nesting levels (same support as rules 1/7-10 above). */
body:has(#bw-app[data-bw-step]:not([data-bw-step="1"])) #bw-landing-content {
  display: none;
}

/* 7. Smooth scroll for anchor CTA */
html {
  scroll-behavior: smooth;
}