/* ClubPass365 Rebuild v1.0.206 — iPhone event-editor date field overflow fix.
   Mobile only; preserves original site colours, fonts, desktop styles, and the
   real date/datetime-local input (including its value, name and save behaviour).
   The native picker remains tappable, but its oversized visual segments are
   clipped behind a compact display in the same field. */
@media screen and (max-width:767px) {
  html body .cp365-site form.cp365-od-event-edit-form .cp365-od-field-grid,
  html body .cp365-site form.cp365-od-event-edit-form .cp365-event-schedule-fields,
  html body .cp365-site form.cp365-od-event-edit-form .cp365-od-tier-sale,
  html body .cp365-site form.cp365-od-event-edit-form .cp365-ticket-sale-grid {
    box-sizing:border-box!important;
    min-inline-size:0!important;
    max-inline-size:100%!important;
    inline-size:100%!important;
    grid-template-columns:minmax(0,1fr)!important;
    margin-inline:0!important;
    justify-items:stretch!important;
  }
  html body .cp365-site form.cp365-od-event-edit-form .cp365-event-schedule-fields > label,
  html body .cp365-site form.cp365-od-event-edit-form .cp365-od-tier-sale > label,
  html body .cp365-site form.cp365-od-event-edit-form .cp365-ticket-sale-grid > label,
  html body .cp365-site form.cp365-od-event-edit-form .cp365-ticket-sale-grid > div {
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    min-inline-size:0!important;
    max-inline-size:100%!important;
    inline-size:100%!important;
    grid-column:1/-1!important;
    justify-self:stretch!important;
    margin-inline:0!important;
    text-align:left!important;
  }
  html body .cp365-site form.cp365-od-event-edit-form .cp365-mobile-date-facade {
    box-sizing:border-box!important;
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    min-inline-size:0!important;
    max-inline-size:100%!important;
    inline-size:100%!important;
    block-size:48px!important;
    min-block-size:48px!important;
    max-block-size:48px!important;
    margin:0!important;
    padding:0 12px!important;
    border:1px solid #dfe4ed!important;
    border-radius:12px!important;
    background:#fff!important;
    box-shadow:none!important;
    overflow:hidden!important;
    isolation:isolate!important;
    color:var(--cp365-navy)!important;
    font:inherit!important;
  }
  html body .cp365-site form.cp365-od-event-edit-form .cp365-mobile-date-display {
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;
    gap:6px!important;
    min-inline-size:0!important;
    max-inline-size:calc(100% - 24px)!important;
    inline-size:100%!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
    font-size:16px!important;
    font-weight:500!important;
    line-height:1.3!important;
    text-align:left!important;
    color:var(--cp365-navy)!important;
    font-variant-numeric:tabular-nums!important;
    pointer-events:none!important;
    user-select:none!important;
  }
  html body .cp365-site form.cp365-od-event-edit-form .cp365-mobile-date-display > span {
    min-inline-size:0!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  html body .cp365-site form.cp365-od-event-edit-form .cp365-mobile-date-display .cp365-mobile-date-sep {
    flex:0 0 auto!important;
    color:inherit!important;
    opacity:.5!important;
  }
  html body .cp365-site form.cp365-od-event-edit-form .cp365-mobile-date-facade::after {
    content:'▾';
    flex:0 0 auto;
    color:#6e7890;
    font-size:15px;
    pointer-events:none;
  }
  /* The real input remains fully interactive and submits the original value.
     Hide ONLY its appearance. The wrapper, not Safari's intrinsic input width,
     establishes the visible field size. */
  html body .cp365-site form.cp365-od-event-edit-form .cp365-mobile-date-facade > input[type=date],
  html body .cp365-site form.cp365-od-event-edit-form .cp365-mobile-date-facade > input[type=time],
  html body .cp365-site form.cp365-od-event-edit-form .cp365-mobile-date-facade > input[type=datetime-local] {
    position:absolute!important;
    inset:0!important;
    z-index:2!important;
    display:block!important;
    box-sizing:border-box!important;
    min-inline-size:0!important;
    max-inline-size:100%!important;
    inline-size:100%!important;
    block-size:100%!important;
    min-block-size:0!important;
    max-block-size:48px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    opacity:0!important;
    background:transparent!important;
    cursor:pointer!important;
    -webkit-appearance:auto!important;
    appearance:auto!important;
  }
  html body .cp365-site form.cp365-od-event-edit-form .cp365-mobile-date-facade:focus-within {
    border-color:#ff8a6a!important;
    box-shadow:0 0 0 3px rgba(255,90,79,.09)!important;
  }
}