/* Keep native date/time controls inside all narrow form cards on iPhone. */
@media (max-width: 900px) {
  .whelper-safe-picker, .whelper-date-shell.whelper-safe-picker {
    position:relative!important; display:block!important; box-sizing:border-box!important;
    width:100%!important; min-width:0!important; max-width:100%!important;
    height:56px!important; overflow:hidden!important; isolation:isolate;
    background:#fff!important; border:1px solid #e9e0e5!important; border-radius:14px!important;
  }
  .whelper-safe-picker .whelper-safe-display {
    position:absolute!important; inset:0!important; display:flex!important;align-items:center!important;
    justify-content:center!important; box-sizing:border-box!important; padding:0 42px 0 12px!important;
    font-size:16px!important; font-weight:400!important; line-height:1.3!important;
    white-space:nowrap!important; overflow:hidden!important; color:#3a2d28!important;
    pointer-events:none!important; z-index:2!important;
  }
  .whelper-safe-picker .whelper-safe-icon,.whelper-safe-picker .whelper-date-icon {
    position:absolute!important; right:13px!important; top:50%!important;transform:translateY(-50%)!important;
    color:#6b4a57!important;pointer-events:none!important; z-index:2!important;
    font-size:19px!important;opacity:.75!important;
  }
  .whelper-safe-picker input[type="date"],.whelper-safe-picker input[type="time"] {
    position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;
    display:block!important; box-sizing:border-box!important;width:100%!important;min-width:0!important;
    max-width:100%!important;height:100%!important; margin:0!important; padding:0!important;
    border:0!important;opacity:0!important;z-index:3!important;-webkit-appearance:none!important;
    appearance:none!important;cursor:pointer!important;
  }
  .whelper-safe-picker:focus-within {outline:2px solid #ad96a4!important;outline-offset:1px}
  .field, .form-grid, .form-grid > *, .panel, .filter-strip, .filter-strip > * {
    min-width:0!important;max-width:100%!important;box-sizing:border-box!important;
  }
}

/* Schedule: two lunch time pickers must each shrink within one column. */
@media (max-width: 900px) {
  .schedule-row, .schedule-row .form-grid, .schedule-row .field,
  .schedule-row .field > div, #exceptionForm, #bookingForm, #photoForm {
    min-width:0!important; max-width:100%!important; box-sizing:border-box!important;
  }
  .schedule-row .field > div[style*="display:flex"] > .whelper-safe-picker {
    flex:1 1 0!important; width:0!important; min-width:0!important;
  }
  input:not([type="checkbox"]):not([type="radio"]), select, textarea {
    box-sizing:border-box!important; max-width:100%;
  }
}