/* TruePriceTix hard compact mobile event cards */

@media (max-width: 760px) {
  .tpt-mobile-event-card-compact {
    min-height: 0 !important;
    padding: 10px 12px !important;
    display: grid !important;
    grid-template-columns: 24px 88px minmax(0, 1fr) !important;
    grid-template-rows: auto auto auto !important;
    column-gap: 10px !important;
    row-gap: 4px !important;
    align-items: center !important;
  }

  .tpt-mobile-event-card-compact .tpt-mobile-event-radio {
    grid-column: 1 !important;
    grid-row: 1 / span 3 !important;
    align-self: center !important;
    margin: 0 !important;
  }

  .tpt-mobile-event-card-compact .tpt-mobile-event-image {
    grid-column: 2 !important;
    grid-row: 1 / span 3 !important;
    width: 88px !important;
    height: 58px !important;
    min-width: 88px !important;
    max-width: 88px !important;
    object-fit: cover !important;
    border-radius: 8px !important;
    align-self: center !important;
    margin: 0 !important;
  }

  .tpt-mobile-event-card-compact .tpt-mobile-event-title {
    grid-column: 3 !important;
    grid-row: 1 !important;
    font-size: 14px !important;
    line-height: 1.15 !important;
    margin: 0 !important;
    padding: 0 !important;
    align-self: end !important;
  }

  .tpt-mobile-event-card-compact .tpt-mobile-event-meta {
    grid-column: 3 !important;
    grid-row: 2 !important;
    font-size: 11px !important;
    line-height: 1.15 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .tpt-mobile-event-card-compact .tpt-mobile-event-meta * {
    font-size: 11px !important;
    line-height: 1.15 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .tpt-mobile-event-card-compact .tpt-mobile-event-meta svg {
    width: 12px !important;
    height: 12px !important;
    min-width: 12px !important;
  }

  .tpt-mobile-event-card-compact .tpt-mobile-event-description {
    display: none !important;
  }

  .tpt-mobile-event-card-compact .tpt-mobile-event-action {
    grid-column: 2 !important;
    grid-row: 3 !important;
    justify-self: start !important;
    align-self: end !important;
    margin: 4px 0 0 0 !important;
  }

  .tpt-mobile-event-card-compact .tpt-mobile-event-action button,
  .tpt-mobile-event-card-compact button.tpt-mobile-event-action,
  .tpt-mobile-event-card-compact button {
    min-height: 24px !important;
    height: 24px !important;
    padding: 3px 12px !important;
    font-size: 11px !important;
    line-height: 1 !important;
    border-radius: 999px !important;
  }

  .tpt-mobile-event-card-compact .tpt-mobile-event-status {
    grid-column: 3 !important;
    grid-row: 3 !important;
    justify-self: end !important;
    align-self: end !important;
    font-size: 10px !important;
    line-height: 1.1 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .tpt-mobile-event-card-compact .tpt-mobile-event-status * {
    font-size: 10px !important;
    line-height: 1.1 !important;
  }

  /* Collapse accidental wrapper spacing inside the compact card. */
  .tpt-mobile-event-card-compact > *,
  .tpt-mobile-event-card-compact div,
  .tpt-mobile-event-card-compact span,
  .tpt-mobile-event-card-compact p {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  @media (max-width: 430px) {
    .tpt-mobile-event-card-compact {
      grid-template-columns: 22px 76px minmax(0, 1fr) !important;
      padding: 8px 10px !important;
      column-gap: 8px !important;
    }

    .tpt-mobile-event-card-compact .tpt-mobile-event-image {
      width: 76px !important;
      height: 52px !important;
      min-width: 76px !important;
      max-width: 76px !important;
    }
  }
}