/* APACUP: web-only proportional voucher sizing.
   Ticket artwork, time/progress tracks and overlaid button targets keep
   their original aspect ratio and relative positions. No behavior changes. */

/* Home: large full-width tickets are reduced as complete units. */
body:has(#ap-vouchers:not(.v55-vouchers)) #ap-vouchers .ap-v20-list {
  align-items: center !important;
}
body:has(#ap-vouchers:not(.v55-vouchers)) #ap-vouchers .ap-v20-card {
  width: min(100%, 510px) !important;
  max-width: 510px !important;
}

/* Offers: keep the approved three-column layout on desktop. */
#ap-vouchers.v55-vouchers .ap-v20-card {
  max-width: 100% !important;
}

/* Both pages on phones: preserve ticket proportions, only reduce footprint. */
@media (max-width: 699px) {
  #ap-vouchers .ap-v20-list {
    justify-items: center !important;
    align-items: center !important;
  }
  #ap-vouchers .ap-v20-card {
    width: min(90%, 340px) !important;
    max-width: 340px !important;
    margin-inline: auto !important;
  }
  #ap-vouchers.v55-vouchers .ap-v20-card {
    width: min(90%, 340px) !important;
    max-width: 340px !important;
  }
}

/* Mobile-only compact sizing for the LIVE vouchers rendered by v68 JS.
   The JS itself adds a 140px min-height after stylesheets load; the ID-scoped
   rules below override it without touching desktop or voucher behavior. */
@media (max-width: 699px) {
  #ap-vouchers.ap-v20-offers .ap-v20-card.ap-live-slot {
    min-height: 98px !important;
    height: auto !important;
  }
  #ap-vouchers.ap-v20-offers .ap-v20-card.ap-live-slot .ap-live-shell {
    min-height: 98px !important;
    height: auto !important;
  }
  #ap-vouchers.ap-v20-offers .ap-v20-card.ap-live-slot .ap-live-left {
    padding: 5px 5px !important;
    gap: 2px !important;
  }
  #ap-vouchers.ap-v20-offers .ap-v20-card.ap-live-slot .ap-live-right {
    padding: 5px 6px 4px !important;
    gap: 2px !important;
  }
  #ap-vouchers.ap-v20-offers .ap-v20-card.ap-live-slot .ap-live-group {
    padding: 2px 4px !important;
  }
  #ap-vouchers.ap-v20-offers .ap-v20-card.ap-live-slot .ap-live-type {
    font-size: 13px !important;
  }
  #ap-vouchers.ap-v20-offers .ap-v20-card.ap-live-slot .ap-live-kicker {
    font-size: 9px !important;
  }
  #ap-vouchers.ap-v20-offers .ap-v20-card.ap-live-slot .ap-live-value {
    font-size: 12px !important;
  }
  #ap-vouchers.ap-v20-offers .ap-v20-card.ap-live-slot .ap-live-min {
    font-size: 9px !important;
  }
  #ap-vouchers.ap-v20-offers .ap-v20-card.ap-live-slot .ap-live-timer {
    height: 4px !important;
    margin-top: 2px !important;
  }
  #ap-vouchers.ap-v20-offers .ap-v20-card.ap-live-slot .ap-live-actions {
    padding-top: 2px !important;
    gap: 2px 4px !important;
  }
  #ap-vouchers.ap-v20-offers .ap-v20-card.ap-live-slot .ap-live-btn {
    font-size: 10px !important;
    min-height: 21px !important;
    padding: 2px 2px !important;
  }
}