/* Booking page specific styles for BestDealsHubb */

.booking-hero {
  background: var(--color-primary);
  color: #fff;
  text-align: center;
  box-shadow: var(--shadow-lg);
}
.booking-hero h1 {
  color: #fff;
}
.booking-hero p {
  color: #f3f4f6;
}

.booking-options-wrap {
  grid-template-columns: repeat(auto-fit, minmax(220px,1fr));
  gap: var(--space-4);
}
.booking-type {
  background: var(--color-neutral-100);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-xs);
  padding: var(--space-4);
  min-height: 170px;
  display: flex;
  flex-direction: column;
}
.booking-type h3 {
  margin-top: 0;
  color: var(--color-primary);
  font-size: 1.1rem;
}

.why-book-list {
  list-style: disc inside;
  padding: 0 0 0 var(--space-4);
}

.special-offers-list {
  grid-template-columns: repeat(auto-fit, minmax(220px,1fr));
  gap: var(--space-4);
}
.special-offers h3 {
  color: var(--color-success);
  margin-bottom: var(--space-1);
}
.special-offers p {
  margin-bottom: 0;
}

.customer-reviews .review-gallery {
  grid-template-columns: 1fr 1fr 1fr;
  gap: var(--space-4);
}
.customer-reviews .review {
  background: var(--color-neutral-100);
  border-radius: var(--radius-md);
  padding: var(--space-4);
  box-shadow: var(--shadow-xs);
}
.customer-reviews blockquote {
  font-size: 1.05rem;
  font-style: italic;
  margin-bottom: var(--space-2);
}
.customer-reviews figcaption {
  color: var(--color-neutral-600);
  font-size: var(--font-size-sm);
}

.booking-steps {
  padding-left: var(--space-4);
}
.booking-steps li {
  margin-bottom: var(--space-2);
}

.top-destinations .destination-gallery {
  grid-template-columns: 1fr 1fr 1fr;
  gap: var(--space-4);
  margin-bottom: 0;
}
.top-destinations .destination {
  background: var(--color-neutral-100);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-xs);
  padding: var(--space-3);
  text-align: center;
}
.top-destinations img {
  width: 100%;
  border-radius: var(--radius-md);
  margin-bottom: var(--space-2);
}
.top-destinations figcaption {
  font-weight: 600;
  color: var(--color-primary);
}

.customer-support ul,
.booking-tips-list {
  margin: var(--space-2) 0 0 0;
  padding-left: var(--space-4);
}
.customer-support li,
.booking-tips-list li {
  margin-bottom: var(--space-2);
}

@media (max-width: 900px) {
  .top-destinations .destination-gallery, .customer-reviews .review-gallery,
  .special-offers-list, .booking-options-wrap {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 600px) {
  .container {
    padding-left: var(--space-2);
    padding-right: var(--space-2);
  }
  .top-destinations .destination-gallery, .customer-reviews .review-gallery,
  .special-offers-list, .booking-options-wrap {
    grid-template-columns: 1fr;
  }
}
.booking-process .button {
  display: inline-block;
  margin-top: var(--space-4);
}
