/* V23.33 — ajuste final do orçamento: data/horário e retorno ao início */

/* Data e horário ocupam linhas próprias. Isso evita que controles nativos do Safari
   ultrapassem a coluna no iPad, em orientação vertical ou horizontal. */
.booking-form-v31 .booking-field-date,
.booking-form-v31 .booking-field-time {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden;
}

.booking-form-v31 .booking-field-date input[type="date"],
.booking-form-v31 .booking-field-time input[type="time"] {
  display: block !important;
  box-sizing: border-box !important;
  inline-size: 100% !important;
  width: 100% !important;
  min-inline-size: 0 !important;
  min-width: 0 !important;
  max-inline-size: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  overflow: hidden !important;
  -webkit-appearance: none;
  appearance: none;
}

.booking-form-v31 .booking-field-date input[type="date"]::-webkit-date-and-time-value,
.booking-form-v31 .booking-field-time input[type="time"]::-webkit-date-and-time-value {
  min-width: 0 !important;
  width: auto !important;
  text-align: left !important;
}

.booking-form-v31 .booking-field-date input[type="date"]::-webkit-calendar-picker-indicator,
.booking-form-v31 .booking-field-time input[type="time"]::-webkit-calendar-picker-indicator {
  flex: 0 0 auto;
  margin: 0 !important;
  padding: 0 !important;
}

/* O botão final representa a ação concluída pelo usuário e retorna à Home. */
.booking-redirect-home {
  min-height: 48px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: rgba(255,255,255,.9);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .08em;
  text-decoration: underline;
  text-underline-offset: 4px;
  text-transform: uppercase;
  cursor: pointer;
}
.booking-redirect-home:hover { color: var(--yellow); }

@media (max-width: 760px) {
  .booking-form-v31 .booking-field-date,
  .booking-form-v31 .booking-field-time {
    grid-column: auto !important;
  }
}