/* Full-bleed dark strip housing the shared .booking-bar postcode checker
   (defined in skip-sizes.css). Sits directly below the inner-page hero. */

.booking-strip {
  background: var(--color-dark);
  border-top: 4px solid var(--color-primary);
  border-bottom: 4px solid var(--color-primary);
  padding: 1.75rem 0;
}

/* The hero above already draws a 4px orange border — avoid doubling up. */
.page-hero + .booking-strip { border-top: 0; }

.booking-strip .booking-bar { margin-top: 0; }

@media (min-width: 1024px) {
  .booking-strip .booking-bar__select { width: 21.25rem; }
}