/*
 * tour-options.css — tiered tour booking form (shared / private options).
 * Uses the theme's design tokens (base.css). Field styling is inherited from
 * section-booking-page.css.
 */

/* A hidden .booking-product-form__field must stay hidden — the base rule sets
   display:flex, which would otherwise override the [hidden] attribute. */
.booking-product-form__field[hidden] { display: none; }

.tour-form__total {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--spacing-3) var(--spacing-4);
  margin-top: var(--spacing-2);
  background: var(--color-gray-100);
  border-radius: 0.5rem;
}

.tour-form__total-label {
  font-weight: 600;
  font-size: var(--font-size-base);
  color: var(--color-gray-700);
}

.tour-form__total-value {
  font-weight: 700;
  font-size: var(--font-size-2xl);
  line-height: 1.1;
  color: var(--color-blue-600);
}

.tour-form__total-hint {
  margin: 0;
  font-size: var(--font-size-xs);
  text-align: right;
  color: var(--color-gray-600);
}
.tour-form__total-hint[hidden] { display: none; }

.tour-form__error {
  margin: 0;
  padding: var(--spacing-3) var(--spacing-4);
  background: #fef2f2;
  border: 1px solid #fecaca;
  border-radius: 0.5rem;
  color: var(--color-red-600, #dc2626);
  font-size: var(--font-size-sm);
  line-height: 1.45;
}
.tour-form__error[hidden] { display: none; }