/* =========================================================
   SOLSTITIUM v36.22 — Mobile eventi/check-in hardening
   ========================================================= */

#check-in #checkin-events-summary,
#check-in .sol-checkin-events-empty {
  min-height: 38px;
}

#check-in .sol-checkin-event-card [data-sol-go="eventi"] {
  touch-action: manipulation;
}

.lux-alert-backdrop {
  z-index: 2147483600 !important;
  padding: 16px !important;
  box-sizing: border-box !important;
  pointer-events: auto !important;
}

.lux-alert-modal {
  max-height: calc(100dvh - 32px) !important;
  overflow: auto !important;
  -webkit-overflow-scrolling: touch !important;
  pointer-events: auto !important;
}

.lux-alert-actions .btn,
.lux-alert-actions button {
  min-height: 44px !important;
  touch-action: manipulation !important;
}

#modal-evento.lux-modal-backdrop:not(.closed) {
  display: flex !important;
  pointer-events: auto !important;
}

#modal-evento .lux-modal {
  min-height: 0 !important;
}

#modal-evento #form-evento,
#modal-evento .lux-form-eventi {
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  overscroll-behavior: contain !important;
}

#modal-evento [data-action="close-event-form"],
#modal-evento .lux-modal-header button {
  min-width: 44px !important;
  min-height: 44px !important;
  touch-action: manipulation !important;
}

@media (max-width: 760px) {
  .lux-alert-backdrop {
    align-items: center !important;
    justify-content: center !important;
  }

  .lux-alert-modal {
    width: min(94vw, 420px) !important;
    padding: 18px !important;
  }

  .lux-alert-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  .lux-alert-actions .btn,
  .lux-alert-actions button {
    width: 100% !important;
  }

  #modal-evento.lux-modal-backdrop {
    align-items: stretch !important;
    justify-content: center !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  #modal-evento .lux-modal {
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    border-radius: 0 !important;
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
  }

  #modal-evento .lux-modal-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 5 !important;
  }

  #modal-evento #form-evento,
  #modal-evento .lux-form-eventi {
    height: auto !important;
    max-height: none !important;
    padding: 16px 16px 110px !important;
  }

  #modal-evento .lux-modal-footer {
    position: sticky !important;
    bottom: 0 !important;
    z-index: 4 !important;
    background: linear-gradient(180deg, rgba(9,9,8,0.92), #090908) !important;
    border-top: 1px solid rgba(214,175,55,.25) !important;
    padding: 12px 0 0 !important;
  }
}