/* ── ApnaStore — Shopping Engine styles (Phase 3A) ──
   Cart / Checkout / Payment / Orders / Invoice. Relies on marketplace.css +
   apnashow-theme-vars.css already loaded on the page. */

/* Availability chips (Task 11) */
.av-ok{background:rgba(74,222,128,.16);color:#4ade80;border:1px solid rgba(74,222,128,.3);}
.av-low{background:rgba(255,168,33,.16);color:var(--gold);border:1px solid rgba(var(--gold-rgb),.35);}
.av-soon{background:rgba(var(--fg-rgb),.1);color:rgba(var(--fg-rgb),.6);border:1px solid rgba(var(--fg-rgb),.15);}
.av-wish{background:rgba(var(--gold2-rgb),.14);color:var(--gold2);border:1px solid rgba(var(--gold2-rgb),.3);}
.av-out{background:rgba(255,107,107,.14);color:#ff6b6b;border:1px solid rgba(255,107,107,.28);}

/* Order status chips (Task 7) */
.os-pending{background:rgba(var(--fg-rgb),.1);color:rgba(var(--fg-rgb),.65);border:1px solid rgba(var(--fg-rgb),.16);}
.os-confirmed{background:rgba(var(--gold2-rgb),.14);color:var(--gold2);border:1px solid rgba(var(--gold2-rgb),.3);}
.os-packed{background:rgba(255,168,33,.16);color:var(--gold);border:1px solid rgba(var(--gold-rgb),.35);}
.os-shipped{background:rgba(96,165,250,.16);color:#60a5fa;border:1px solid rgba(96,165,250,.3);}
.os-delivered{background:rgba(74,222,128,.16);color:#4ade80;border:1px solid rgba(74,222,128,.3);}
.os-cancelled{background:rgba(255,107,107,.14);color:#ff6b6b;border:1px solid rgba(255,107,107,.28);}
.ms-status-chip{display:inline-flex;align-items:center;font-size:.66rem;font-weight:800;padding:.22rem .6rem;border-radius:5px;text-transform:uppercase;letter-spacing:.03em;}

/* Cart page */
.ct-line{display:flex;gap:.8rem;padding:.9rem 1.1rem;border-bottom:.5px solid rgba(var(--fg-rgb),.06);}
.ct-line-media{width:56px;height:56px;border-radius:12px;background:var(--dark3);display:flex;align-items:center;justify-content:center;font-size:1.6rem;flex-shrink:0;}
.ct-line-body{flex:1;min-width:0;}
.ct-line-store{font-size:.62rem;color:var(--gold);font-weight:700;text-transform:uppercase;letter-spacing:.03em;}
.ct-line-title{font-size:.85rem;font-weight:600;margin:.15rem 0 .35rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ct-line-price{font-weight:800;font-size:.88rem;}
.ct-line-foot{display:flex;align-items:center;justify-content:space-between;margin-top:.55rem;}
.ct-qty{display:flex;align-items:center;gap:.5rem;background:rgba(var(--fg-rgb),.05);border-radius:8px;padding:.15rem .3rem;}
.ct-qty button{width:26px;height:26px;border-radius:6px;border:none;background:rgba(var(--fg-rgb),.08);color:var(--fg);font-size:.95rem;cursor:pointer;}
.ct-qty span{font-size:.82rem;font-weight:700;min-width:16px;text-align:center;}
.ct-line-actions{display:flex;gap:.6rem;}
.ct-link-btn{background:none;border:none;color:var(--muted);font-size:.72rem;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif;}
.ct-link-btn:hover{color:var(--gold);}
.ct-summary{background:var(--card);border:.5px solid var(--border);border-radius:14px;padding:1rem 1.1rem;margin:1rem 1.1rem;}
.ct-summary-row{display:flex;justify-content:space-between;font-size:.82rem;color:var(--muted);padding:.3rem 0;}
.ct-summary-row.total{color:var(--fg);font-weight:800;font-size:.95rem;border-top:.5px solid rgba(var(--fg-rgb),.08);margin-top:.4rem;padding-top:.6rem;}
.ct-sticky-bar{position:fixed;left:0;right:0;bottom:0;background:rgba(var(--dark-rgb),.97);backdrop-filter:blur(14px);border-top:.5px solid rgba(var(--gold-rgb),.18);padding:.8rem 1.1rem calc(.8rem + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:1rem;z-index:500;}
.ct-sticky-total{font-family:'Bebas Neue',sans-serif;font-size:1.3rem;color:var(--gold);}
.ct-sticky-total small{display:block;font-family:'DM Sans',sans-serif;font-size:.62rem;color:var(--muted);font-weight:400;letter-spacing:.02em;}
.ct-btn-primary{padding:.85rem 1.4rem;border-radius:12px;background:var(--gold);border:none;color:var(--on-accent);font-weight:800;font-size:.88rem;cursor:pointer;font-family:'DM Sans',sans-serif;white-space:nowrap;}
.ct-btn-primary:disabled{opacity:.45;cursor:not-allowed;}

/* Address cards */
.ad-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:1rem 1.1rem;margin:0 0 .8rem;cursor:pointer;position:relative;}
.ad-card.selected{border-color:var(--gold);background:rgba(var(--gold-rgb),.06);}
.ad-type-badge{display:inline-block;font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em;color:var(--gold);background:rgba(var(--gold-rgb),.12);padding:.15rem .5rem;border-radius:4px;margin-bottom:.4rem;}
.ad-default-badge{display:inline-block;font-size:.6rem;font-weight:800;text-transform:uppercase;color:#4ade80;background:rgba(74,222,128,.14);padding:.15rem .5rem;border-radius:4px;margin-left:.35rem;}
.ad-name{font-weight:700;font-size:.88rem;margin-bottom:.15rem;}
.ad-detail{font-size:.78rem;color:var(--muted);line-height:1.6;}
.ad-actions{display:flex;gap:.6rem;margin-top:.6rem;}

/* Delivery method radio cards */
.dv-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;}
.dv-card{border:1px solid var(--border);border-radius:12px;padding:.8rem;text-align:center;cursor:pointer;background:var(--card);}
.dv-card.selected{border-color:var(--gold);background:rgba(var(--gold-rgb),.08);}
.dv-card-emoji{font-size:1.3rem;margin-bottom:.3rem;}
.dv-card-label{font-size:.76rem;font-weight:700;}

/* Payment simulator */
.pay-card{max-width:420px;margin:2rem auto;background:var(--card);border:1px solid var(--border);border-radius:20px;padding:1.75rem 1.5rem;text-align:center;}
.pay-amount{font-family:'Bebas Neue',sans-serif;font-size:2.6rem;color:var(--gold);margin:.4rem 0 .2rem;}
.pay-sub{font-size:.8rem;color:var(--muted);margin-bottom:1.6rem;}
.pay-btn{width:100%;padding:1rem;border-radius:12px;font-weight:800;font-size:.9rem;border:none;cursor:pointer;font-family:'DM Sans',sans-serif;margin-bottom:.7rem;}
.pay-btn-success{background:#4ade80;color:#062b12;}
.pay-btn-fail{background:rgba(255,107,107,.15);color:#ff6b6b;border:1px solid rgba(255,107,107,.35);}
.pay-btn-cancel{background:transparent;color:var(--muted);border:1px solid var(--border);}
.pay-note{font-size:.68rem;color:var(--muted);margin-top:1rem;line-height:1.6;}
.pay-result-emoji{font-size:3rem;margin-bottom:.6rem;}

/* Orders list */
.ord-card{background:var(--card);border:.5px solid var(--border);border-radius:14px;padding:1rem 1.1rem;margin:0 1.1rem .8rem;cursor:pointer;}
.ord-card-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;gap:.6rem;}
.ord-card-num{font-weight:700;font-size:.85rem;}
.ord-card-date{font-size:.68rem;color:var(--muted);}
.ord-card-items{display:flex;gap:.4rem;overflow-x:auto;margin-bottom:.5rem;}
.ord-card-item-emoji{width:36px;height:36px;border-radius:8px;background:var(--dark3);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;}
.ord-card-foot{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;}
.ord-card-total{font-weight:800;}

/* Order detail / timeline */
.ord-timeline{position:relative;padding-left:1.4rem;margin:1rem 1.1rem;}
.ord-tl-item{position:relative;padding-bottom:1.1rem;}
.ord-tl-item:last-child{padding-bottom:0;}
.ord-tl-item::before{content:"";position:absolute;left:-1.4rem;top:.2rem;width:9px;height:9px;border-radius:50%;background:var(--gold);}
.ord-tl-item::after{content:"";position:absolute;left:-1.12rem;top:.9rem;bottom:-.2rem;width:1px;background:rgba(var(--fg-rgb),.15);}
.ord-tl-item:last-child::after{display:none;}
.ord-tl-status{font-weight:700;font-size:.83rem;text-transform:capitalize;}
.ord-tl-time{font-size:.68rem;color:var(--muted);}
.ord-tl-note{font-size:.75rem;color:var(--muted);margin-top:.1rem;}

/* Invoice */
.inv-wrap{max-width:640px;margin:0 auto;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:1.5rem;}
.inv-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.2rem;padding-bottom:1rem;border-bottom:1px solid var(--border);}
.inv-brand{font-family:'Cinzel',serif;font-weight:900;color:var(--gold);font-size:1.15rem;}
.inv-meta{font-size:.76rem;color:var(--muted);text-align:right;line-height:1.6;}
.inv-table{width:100%;border-collapse:collapse;font-size:.8rem;margin:1rem 0;}
.inv-table th{text-align:left;color:var(--muted);font-weight:700;font-size:.68rem;text-transform:uppercase;letter-spacing:.03em;padding:.5rem 0;border-bottom:1px solid var(--border);}
.inv-table td{padding:.6rem 0;border-bottom:.5px solid rgba(var(--fg-rgb),.07);}
.inv-table td:last-child,.inv-table th:last-child{text-align:right;}
.inv-totals{margin-left:auto;width:220px;}
.inv-totals .ct-summary-row{padding:.25rem 0;}

@media(min-width:769px){
  .ord-card,.ord-timeline,.ct-summary{margin-left:2.5rem;margin-right:2.5rem;}
}