/* ================================
   BOOKING DEMO PAGES
   Page-level styles for booking-system-demo.html and booking-admin-demo.html
   Handles hero overrides, CTA section, and demo container wrapper
   The demo UI itself uses inline styles — this file is for the Sitethreesixty shell only
   ================================ */

/* ---- Hero Override ---- */

.hero-booking-demo {
  min-height: auto;
  text-align: center;
}

.hero-booking-demo .container {
  max-width: 42rem;
  padding-top: 3rem;
  padding-bottom: 5rem;
}

.hero-booking-demo .hero-subtitle {
  margin-left: auto;
  margin-right: auto;
}

.hero-booking-demo .badge {
  margin-bottom: 1.5rem;
}

@media (min-width: 768px) {
  .hero-booking-demo .container {
    padding-top: 4rem;
    padding-bottom: 6rem;
  }
}

/* ---- Cross-link between demo pages ---- */

.demo-cross-link {
  padding-top: 0;
  padding-bottom: 1rem;
}