/* Native date input is the actual mobile control, not an invisible overlay. */
@media(max-width:767px){
 #bookingForm .pc-date-shell #start_date_display,#bookingForm .pc-date-shell #start_date_picker_btn{display:none!important}
 #bookingForm .pc-date-shell #start_date_picker{position:static!important;inset:auto!important;transform:none!important;opacity:1!important;z-index:auto!important;pointer-events:auto!important;display:block!important;width:100%!important;height:56px!important;min-height:56px!important;border:2px solid #17191d!important;border-radius:12px!important;background:#fff!important;color:#111827!important;-webkit-text-fill-color:#111827!important;font-size:16px!important;padding:0 14px!important;box-sizing:border-box!important;color-scheme:light}
 #bookingForm .pc-date-shell #start_date_picker::-webkit-calendar-picker-indicator{position:static!important;inset:auto!important;opacity:1!important;width:24px!important;height:24px!important}
}
#bookingForm.pc-auto-day-time #ride1Section .day-row,#bookingForm.pc-auto-day-time #ride2Section .day-row{display:grid!important;grid-template-columns:minmax(0,1fr) 150px!important;align-items:center!important;gap:12px!important;min-height:68px!important;padding:10px 12px!important;border:1px solid #dce3ec!important;border-radius:12px!important;margin-bottom:8px!important;background:#fff!important}
#bookingForm.pc-auto-day-time .day-row.is-selected{border-color:#f26732!important;background:#fffaf6!important}
#bookingForm.pc-auto-day-time #ride1Section .day-row label,#bookingForm.pc-auto-day-time #ride2Section .day-row label{display:flex!important;align-items:center!important;gap:9px!important;position:static!important;margin:0!important;padding:0!important;min-width:0!important;font-size:15px!important;line-height:1.3!important}
#bookingForm.pc-auto-day-time .day-row .day-toggle{position:static!important;opacity:1!important;pointer-events:auto!important;overflow:visible!important;appearance:auto!important;-webkit-appearance:checkbox!important;width:18px!important;height:18px!important;min-width:18px!important;margin:0!important;padding:0!important;flex:0 0 18px!important;accent-color:#f26732}
#bookingForm.pc-auto-day-time #ride1Section .day-row .time-input,#bookingForm.pc-auto-day-time #ride2Section .day-row .time-input{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;height:46px!important;min-height:46px!important;margin:0!important;padding:8px!important;border:1px solid #cdd7e3!important;border-radius:9px!important;background:#fff!important;color:#172033!important;font-size:16px!important;box-sizing:border-box!important}
@media(max-width:767px){#bookingForm.pc-auto-day-time #ride1Section .day-row,#bookingForm.pc-auto-day-time #ride2Section .day-row{grid-template-columns:minmax(0,1fr) 138px!important;gap:8px!important}}
@media(max-width:360px){#bookingForm.pc-auto-day-time #ride1Section .day-row,#bookingForm.pc-auto-day-time #ride2Section .day-row{grid-template-columns:minmax(0,1fr) 124px!important;padding:8px!important}}

/* iOS date values need their own alignment; the outer input padding is insufficient. */
@media (max-width:767px) {
 #bookingForm .pc-date-shell #start_date_picker {line-height:52px!important;text-align:left!important;}
 #bookingForm .pc-date-shell #start_date_picker::-webkit-date-and-time-value {
  min-height:52px;line-height:52px;text-align:left;margin:0;
 }
 #bookingForm .pc-date-shell #start_date_picker::-webkit-datetime-edit {
  display:inline-flex;align-items:center;padding:0;min-height:52px;
 }
}