/* ==========================================================================
   Taxi4Tirol – booking page
   ========================================================================== */

.booking-page {
  padding-top: 40px;
  padding-bottom: clamp(60px, 9vw, 120px);
}
.booking-form {
  width: 100%;
  max-width: 645px;
  margin: 0 auto;
  padding: 0 var(--pad);
}
.booking-form p {
  margin: 0 0 1.4rem;
}
.booking-form__title {
  font-size: clamp(1.6rem, 3vw, 2rem);
}
.booking-form__title strong {
  color: #ffffff;
  font-weight: 700;
}
.booking-form label {
  font-weight: 600;
  color: var(--silver);
}
.booking-form input,
.booking-form textarea,
.booking-form select {
  width: 100%;
  margin-top: 4px;
  padding: 0.6em;
  font-size: 16px;
  border-radius: 12px;
  border: 1px solid rgba(200, 80, 80, 0.4);
  background-color: #2a0000;
  color: #f5f0eb;
  font-family: inherit;
}
.booking-form input,
.booking-form textarea {
  appearance: none;
  -webkit-appearance: none;
}
.booking-form select {
  padding: 8px 12px;
}
.booking-form input::placeholder,
.booking-form textarea::placeholder {
  color: var(--mid);
}
.booking-form input:focus,
.booking-form textarea:focus,
.booking-form select:focus {
  outline: none;
  border-color: #2563eb;
  box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.15);
}
.booking-form input[type="date"],
.booking-form input[type="time"] {
  padding: 12px 14px;
  border: 2px solid #e5e7eb;
  background: #f9fafb;
  color: #111111;
  color-scheme: light;
}
.booking-form input[type="date"]:hover,
.booking-form input[type="time"]:hover {
  border-color: #cbd5e1;
  background: #ffffff;
}
.booking-form input[type="date"]:focus,
.booking-form input[type="time"]:focus {
  border-color: #2563eb;
  background: #ffffff;
}
.booking-form .iti {
  width: 100%;
}
.booking-form input[type="tel"],
.booking-form #tel-number {
  width: 100%;
}
.booking-submit {
  width: 100%;
  padding: 0.9rem 1.2rem;
  background-color: #3c0000;
  color: #ffffff;
  border: 1px solid rgba(200, 80, 80, 0.4);
  border-radius: 12px;
  font-size: 1rem;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.2s ease;
}
.booking-submit:hover {
  background-color: #520000;
}