/* ClubPass365 v1.0.204 - iPhone-sized editor field stability.
   Mobile only. Deliberately does not set colours, font family, or desktop rules.
   Loaded late, after the older optional Field Alignment add-on. */
@media screen and (max-width: 767px) {
  html body .cp365-site .cp365-od-layout,
  html body .cp365-site .cp365-od-main,
  html body .cp365-site .cp365-od-panel,
  html body .cp365-site .cp365-od-form,
  html body .cp365-site .cp365-od-tier,
  html body .cp365-site .cp365-od-tier-sale,
  html body .cp365-site .cp365-ticket-sale-grid {
    box-sizing: border-box;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  html body .cp365-site .cp365-od-form .cp365-od-tier-sale,
  html body .cp365-site .cp365-od-form .cp365-ticket-sale-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: start !important;
    width: 100% !important;
  }
  html body .cp365-site .cp365-od-form .cp365-od-tier-sale > *,
  html body .cp365-site .cp365-od-form .cp365-ticket-sale-grid > * {
    box-sizing: border-box !important;
    grid-column: 1 / -1 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  html body .cp365-site .cp365-od-form .cp365-od-tier-sale > label,
  html body .cp365-site .cp365-od-form .cp365-ticket-sale-grid > label {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 6px !important;
    align-content: start !important;
    height: auto !important;
    min-height: 0 !important;
    line-height: normal !important;
  }
  /* iOS Safari native date/time controls must be explicitly compact. In
     particular, don't let date-edit flex internals or legacy inline padding
     make a 48px field hundreds of pixels tall. */
  html body .cp365-site .cp365-od-form .cp365-od-tier-sale input[type="datetime-local"],
  html body .cp365-site .cp365-od-form .cp365-ticket-sale-grid input[type="datetime-local"],
  html body .cp365-site .cp365-od-form .cp365-od-field-grid input[type="date"],
  html body .cp365-site .cp365-od-form .cp365-od-field-grid input[type="time"],
  html body .cp365-site .cp365-od-form .cp365-od-field-grid input[type="datetime-local"] {
    display: block !important;
    box-sizing: border-box !important;
    position: relative !important;
    float: none !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    padding: 0 12px !important;
    margin: 0 !important;
    font-size: 16px !important;
    line-height: normal !important;
    text-align: left !important;
    vertical-align: middle !important;
    overflow: hidden !important;
    -webkit-appearance: auto !important;
    appearance: auto !important;
  }
  html body .cp365-site .cp365-od-form input[type="datetime-local"]::-webkit-datetime-edit,
  html body .cp365-site .cp365-od-form input[type="date"]::-webkit-datetime-edit,
  html body .cp365-site .cp365-od-form input[type="time"]::-webkit-datetime-edit {
    display: inline-block !important;
    align-items: initial !important;
    justify-content: initial !important;
    min-height: 0 !important;
    max-height: 100% !important;
    padding: 0 !important;
    line-height: normal !important;
  }
  html body .cp365-site .cp365-od-form input[type="datetime-local"]::-webkit-datetime-edit-fields-wrapper,
  html body .cp365-site .cp365-od-form input[type="date"]::-webkit-datetime-edit-fields-wrapper,
  html body .cp365-site .cp365-od-form input[type="time"]::-webkit-datetime-edit-fields-wrapper {
    display: inline-block !important;
    height: auto !important;
    max-height: 100% !important;
    padding: 0 !important;
    line-height: normal !important;
  }
  html body .cp365-site .cp365-od-form .cp365-od-tier :is(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),select,textarea),
  html body .cp365-site .cp365-od-form .cp365-od-field-grid :is(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),select,textarea) {
    box-sizing: border-box !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  html body .cp365-site .cp365-od-form .cp365-od-tier input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="datetime-local"]):not([type="file"]),
  html body .cp365-site .cp365-od-form .cp365-od-field-grid input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="date"]):not([type="time"]):not([type="datetime-local"]):not([type="file"]) {
    height: 48px !important;
    min-height: 44px !important;
    max-height: 54px !important;
  }
  html body .cp365-site .cp365-od-form .cp365-od-tier textarea,
  html body .cp365-site .cp365-od-form .cp365-od-field-grid textarea {
    height: auto !important;
    min-height: 110px !important;
    max-height: none !important;
  }
  /* Don't enlarge hidden inputs used by ticket scheduling and form tokens. */
  html body .cp365-site .cp365-od-form input[type="hidden"] {display:none!important}
  /* Keep the optional v1.5 Flash Sale On/Off switch usable. */
  html body .cp365-site .cp365-flash-switch-input {height:1px !important;min-height:0 !important;max-height:1px !important;width:1px!important}
  html body .cp365-site .cp365-flash-switch-track {height:28px!important;width:48px!important}
}
/* The legacy WordPress event editor also uses datetime-local inputs. */
@media screen and (max-width: 782px) {
  body.wp-admin .cp365-admin-tier-schedule,
  body.wp-admin .cp365-admin-tier-schedule > * {
    box-sizing:border-box!important;
    min-width:0!important;
    max-width:100%!important;
  }
  body.wp-admin .cp365-admin-tier-schedule {grid-template-columns:minmax(0,1fr)!important}
  body.wp-admin .cp365-admin-tier-schedule input[type="datetime-local"] {
    box-sizing:border-box!important;width:100%!important;min-width:0!important;
    max-width:100%!important;height:48px!important;min-height:48px!important;max-height:48px!important;
    padding:0 12px!important;font-size:16px!important;line-height:normal!important;
    -webkit-appearance:auto!important;appearance:auto!important;
  }
}
