/* D0101 purchase-history screen scope. Shared card/action manners remain in the UI foundation. */
.purchase-history-container {
  display: grid;
  gap: 18px;
  padding-block: 20px 90px;
  color: var(--fanika-ui-text);
}
.purchase-history-header h1 { margin: 8px 0; font-size: clamp(1.45rem, 4vw, 1.9rem); }
.purchase-history-header p, .purchase-history-count, .purchase-history-help { margin: 0; color: var(--fanika-ui-text-muted); }
.purchase-history-back { font-weight: 700; }
.purchase-history-footer { display: flex; justify-content: flex-start; margin-top: 4px; }
.purchase-history-footer .purchase-history-back { min-width: 112px; justify-content: center; }
.purchase-history-filters { display: flex; flex-wrap: wrap; gap: 8px; }
.purchase-history-filter {
  display: inline-flex; align-items: center; gap: 5px; min-height: 42px;
  padding: 8px 12px; border: 1px solid var(--fanika-ui-card-border);
  border-radius: 999px; background: var(--fanika-ui-surface);
  color: var(--fanika-ui-text); text-decoration: none;
  font-size: .88rem; font-weight: 700;
}
.purchase-history-filter.is-selected { border-color: var(--fanika-ui-accent); color: var(--fanika-ui-accent); background: #fff4fa; }
.purchase-history-filter:focus-visible, .purchase-history-back:focus-visible { outline: 2px solid var(--fanika-ui-accent); outline-offset: 2px; }
.purchase-history-filter span { font-size: .78rem; }
.purchase-history-list { display: grid; gap: 14px; min-width: 0; }
.purchase-history-empty { padding: 24px; text-align: center; }
.purchase-history-count { font-size: .84rem; }
.purchase-history-help { font-size: .85rem; line-height: 1.6; }
@media (max-width: 640px) {
  .purchase-history-container { gap: 14px; padding-block: 16px 94px; }
  .purchase-history-filters { flex-wrap: nowrap; overflow-x: auto; max-width: 100%; padding-bottom: 5px; scrollbar-width: thin; }
  .purchase-history-filter { flex: none; }
}


/* Owner reference image: purchase-history-only layout (no order/payment changes). */
.purchase-history-container .purchase-history-filters { gap: 10px; }
.purchase-history-container .purchase-history-filter {
  border-radius: 9px; min-height: 40px; padding: 8px 16px;
  background: #fff; border: 1px solid #dce5ef; color: #304968;
  text-decoration: none !important; white-space: nowrap;
}
.purchase-history-container .purchase-history-filter.is-selected {
  background: #ed328b; border-color: #ed328b; color: #fff;
}
.purchase-history-container .purchase-history-filter span { font-size: inherit; }
.purchase-history-container .purchase-history-list { gap: 15px; }
.purchase-history-container .order-history-card--purchase {
  display: grid; grid-template-columns: 96px minmax(0, 1fr);
  align-items: center; gap: 14px; min-height: 134px;
  padding: 14px; border: 1px solid #e5eaf0; border-radius: 15px;
  box-shadow: 0 5px 18px rgba(20, 39, 57, .05);
}
.purchase-history-container .order-history-card--purchase .order-history-card-thumbnail {
  width: 96px; height: 96px; aspect-ratio: 1; border-radius: 9px;
}
.purchase-history-container .order-history-card--purchase .order-history-card-content {
  display: grid; align-items: center; gap: 5px 16px;
  grid-template-columns: minmax(0, 1fr) 150px minmax(190px, 275px);
  grid-template-rows: repeat(4, auto);
}
.purchase-history-container .order-history-card--purchase .order-history-card-heading { display: contents; }
.purchase-history-container .order-history-card--purchase .order-history-card-type {
  grid-column: 1; grid-row: 1; justify-self: start;
}
.purchase-history-container .order-history-card--purchase .order-history-card-creator {
  grid-column: 1; grid-row: 1; justify-self: end; max-width: 62%;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  font-weight: 700;
}
.purchase-history-container .order-history-card--purchase .order-history-card-creator a {
  color: #263f5e;
}
.purchase-history-container .order-history-card--purchase .order-history-card-status {
  grid-column: 2; grid-row: 1; justify-self: start;
}
.purchase-history-container .order-history-card--purchase .order-history-card-name {
  grid-column: 1; grid-row: 3; margin: 0; font-size: 1rem;
}
.purchase-history-container .order-history-card--purchase .order-history-card-meta { display: contents; }
.purchase-history-container .order-history-card--purchase .order-history-card-meta > span:first-child {
  grid-column: 1; grid-row: 2; font-size: .8rem; color: #90a0b4;
}
.purchase-history-container .order-history-card--purchase .order-history-card-meta > span:nth-child(2) {
  grid-column: 2; grid-row: 2; font-size: .77rem; color: #90a0b4;
}
.purchase-history-container .order-history-card--purchase .order-history-card-meta > span:nth-child(3) {
  grid-column: 2; grid-row: 3; font-size: .8rem; color: #8291a7;
}
.purchase-history-container .order-history-card--purchase .order-history-card-meta > strong {
  grid-column: 1; grid-row: 4; font-size: .98rem; color: #ed328b;
}
.purchase-history-container .order-history-card--purchase .order-history-card-actions {
  grid-column: 3; grid-row: 1 / span 4; margin: 0; gap: 8px;
  display: flex; flex-direction: column; align-items: stretch;
}
.purchase-history-container .order-history-card--purchase .order-history-card-action {
  width: 100%; min-height: 39px; justify-content: center; border-radius: 8px;
}
.purchase-history-container .order-history-card--purchase .order-history-card-action.fanika-ui-action--secondary {
  color: #ed328b; background: #fff; border: 1px solid #ffa0c8;
}
.purchase-history-container .order-history-card--purchase .order-history-card-action.fanika-ui-action--primary {
  color: #fff; background: #ed328b; border-color: #ed328b;
}
.purchase-history-container .order-history-card--purchase .order-history-card-warning,
.purchase-history-container .order-history-card--purchase .fanika-ticket-purchase-facts {
  grid-column: 1 / 3; grid-row: auto;
}
@media (max-width: 850px) {
  .purchase-history-container .order-history-card--purchase .order-history-card-content {
    grid-template-columns: minmax(0, 1fr) 130px;
  }
  .purchase-history-container .order-history-card--purchase .order-history-card-actions {
    grid-column: 1 / -1; grid-row: auto; flex-direction: row; flex-wrap: wrap;
  }
  .purchase-history-container .order-history-card--purchase .order-history-card-action {
    flex: 1 1 165px;
  }
}
@media (max-width: 540px) {
  .purchase-history-container .order-history-card--purchase {
    grid-template-columns: 68px minmax(0, 1fr); gap: 10px; padding: 12px;
  }
  .purchase-history-container .order-history-card--purchase .order-history-card-thumbnail {
    width: 68px; height: 68px;
  }
  .purchase-history-container .order-history-card--purchase .order-history-card-content {
    grid-template-columns: minmax(0, 1fr); gap: 5px;
  }
  .purchase-history-container .order-history-card--purchase .order-history-card-creator {
    grid-column: 1; grid-row: 2; justify-self: start; max-width: 100%;
  }
  .purchase-history-container .order-history-card--purchase .order-history-card-status {
    grid-column: 1; grid-row: 3;
  }
  .purchase-history-container .order-history-card--purchase .order-history-card-meta > span:first-child {
    grid-column: 1; grid-row: 4;
  }
  .purchase-history-container .order-history-card--purchase .order-history-card-name {
    grid-column: 1; grid-row: 5;
  }
  .purchase-history-container .order-history-card--purchase .order-history-card-meta > strong {
    grid-column: 1; grid-row: 6;
  }
  .purchase-history-container .order-history-card--purchase .order-history-card-meta > span:nth-child(2) {
    grid-column: 1; grid-row: 7;
  }
  .purchase-history-container .order-history-card--purchase .order-history-card-meta > span:nth-child(3) {
    grid-column: 1; grid-row: 8;
  }
  .purchase-history-container .order-history-card--purchase .order-history-card-actions {
    grid-column: 1; grid-row: auto; flex-direction: column;
  }
  .purchase-history-container .order-history-card--purchase .order-history-card-action { flex: auto; }
  .purchase-history-container .order-history-card--purchase .order-history-card-warning,
  .purchase-history-container .order-history-card--purchase .fanika-ticket-purchase-facts {
    grid-column: 1;
  }
}


/* Order-detail endpoint only: remove Woo's restored account side navigation. */
body.fanika-purchase-order-detail .woocommerce-MyAccount-navigation {
  display: none !important;
}
body.fanika-purchase-order-detail .woocommerce-MyAccount-content {
  float: none;
  width: 100%;
  max-width: 100%;
}
body.fanika-purchase-order-detail .purchase-history-detail-payment {
  padding: 18px;
  margin: 18px 0 24px;
}
body.fanika-purchase-order-detail .purchase-history-detail-payment h2 {
  margin: 0 0 8px;
  font-size: 1.15rem;
}
body.fanika-purchase-order-detail .purchase-history-detail-payment p {
  margin: 0 0 12px;
}
body.fanika-purchase-order-detail .purchase-history-detail-payment .fanika-ui-action {
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  justify-content: center;
}

/* Purchase history: private-account color standard. No order logic or
   accepted back-button geometry is changed. */
body:has(.purchase-history-container){
  background-color:var(--fanika-ui-page-background,#edf7fe);
}
body:has(.purchase-history-container) .site-content,
body:has(.purchase-history-container) .site-main,
body:has(.purchase-history-container) .entry-content{
  background-color:var(--fanika-ui-page-background,#edf7fe)!important;
  background-image:none!important;
}
.purchase-history-container .order-history-card--purchase,
.purchase-history-container .purchase-history-empty{
  background-color:var(--fanika-ui-surface,#fff);
}
.purchase-history-container .purchase-history-filter.is-selected,
.purchase-history-container .order-history-card--purchase .order-history-card-action.fanika-ui-action--primary{
  background:var(--fanika-ui-button-color,#f4a6c8);
  border-color:var(--fanika-ui-button-color,#f4a6c8);
  color:var(--fanika-ui-button-text,#243549);
}

/* QA: center the bottom Back action; outlined white button. */
.purchase-history-container .purchase-history-footer{
  justify-content:center;
  margin-top:4px;
}
.purchase-history-container .purchase-history-footer .purchase-history-back{
  min-width:170px;
  min-height:38px;
  border:1px solid #f4a6c8;
  border-radius:8px;
  background:#fff;
  color:#d83d7d;
}

/* QA102: unpaid applications shown apart from actual Woo orders. */
.purchase-history-application{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px;margin:0 0 14px;border-radius:14px}
.purchase-history-application__body{flex:1;min-width:0}
.purchase-history-application__body h2{font-size:1rem;margin:6px 0}
.purchase-history-application__body p{margin:5px 0;font-size:.82rem;color:#556276}
.purchase-history-application__status{display:inline-block;border-radius:999px;padding:4px 10px;background:#fff4df;color:#925300;font-size:.75rem;font-weight:700}
.purchase-history-application__actions{flex:0 1 240px}
.purchase-history-application__actions form{margin:0}
.purchase-history-application__actions button{width:100%;cursor:pointer}
@media(max-width:640px){.purchase-history-application{align-items:stretch;flex-direction:column}.purchase-history-application__actions{flex:auto}}

/* Count-pass QR: match the pill-shaped QR-ticket action in the same card column. */
.purchase-history-container .order-history-card--purchase .order-history-card-action.fanika-pass-qr-action {
  border-radius: 999px;
  background: var(--fanika-ui-button-color, #f4a6c8);
  border: 1px solid var(--fanika-ui-button-color, #f4a6c8);
  color: var(--fanika-ui-button-text, #243549);
  font-weight: 700;
  cursor: pointer;
}