/* ==========================================================================
   GOLAZO — Cart (§7.7, ported from golazo-cart.html). Light nav permanent.
   Demo placeholder data + live client math until Woo cart state replaces it.
   ========================================================================== */
a{color:inherit}

/* nav: light mode permanently; .scrolled only condenses */
[class*="page-template-template-cart"] .nav__inner{color:var(--golazo-green);background:var(--glass-tint-light);
  border-color:rgba(13,98,57,.12);box-shadow:0 12px 40px -12px rgba(0,0,0,.18), inset 0 1px 1px rgba(255,255,255,.7)}
[class*="page-template-template-cart"] .nav__logo .lt-white{opacity:0}
[class*="page-template-template-cart"] .nav__logo .lt-green{opacity:1}
[class*="page-template-template-cart"] .nav__menu a{color:var(--deep-pitch);text-shadow:none}
[class*="page-template-template-cart"] .nav__menu a.active{color:var(--golazo-green)}
[class*="page-template-template-cart"] .nav .btn--icon{background:linear-gradient(135deg,rgba(13,98,57,.16),rgba(13,98,57,.09));border-color:rgba(13,98,57,.22)}

.pwrap{padding-top:calc(var(--s9) + 20px);padding-bottom:var(--s10)}
.crumb{display:flex;gap:8px;align-items:center;color:var(--neutral-600);margin-bottom:var(--s4)}
.crumb a{text-decoration:none}.crumb svg{width:14px;height:14px} .crumb .cur{color:var(--ink)}
.chead{display:flex;align-items:baseline;gap:12px;margin-bottom:var(--s6)}
.chead h1{color:var(--ink)} .chead span{color:var(--neutral-600)}

.clayout{display:grid;grid-template-columns:1fr 360px;gap:var(--s7);align-items:start}

/* free shipping bar */
.ship{background:#e9f3ec;border:1px solid #c9e3d3;border-radius:var(--radius);padding:14px 18px;margin-bottom:var(--s5);display:flex;flex-direction:column;gap:8px}
.ship__t{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--golazo-green);font-size:14px}
.ship__t svg{width:18px;height:18px}
.ship__bar{height:8px;background:#fff;border-radius:999px;overflow:hidden}
.ship__bar i{display:block;height:100%;background:var(--golazo-green);border-radius:999px;width:100%;transition:width .3s}

/* items */
.items{display:flex;flex-direction:column;gap:var(--s4)}
.item{display:grid;grid-template-columns:104px 1fr auto;gap:var(--s5);background:#fff;border:1px solid var(--neutral-300);border-radius:var(--radius);padding:var(--s4);align-items:center}
.item__img{width:104px;height:104px;border-radius:12px;background:#fdfdfd;display:flex;align-items:center;justify-content:center;padding:0;overflow:hidden}
.item__img.cream{background:#fdfdfd}
.item__img img{width:100%;height:100%;object-fit:contain}
.item__mid{min-width:0}
.item__tag{font-weight:600;font-size:11px;padding:3px 9px;border-radius:var(--radius-pill);display:inline-block;margin-bottom:6px}
.tg-new{background:var(--golazo-green);color:#fff} .tg-retro{background:var(--strike-gold);color:var(--boot-black)}
.item__name{font-weight:600;margin-bottom:4px;text-decoration:none;display:block}
.item__attr{color:var(--neutral-600);font-size:13px;display:flex;gap:14px;flex-wrap:wrap}
.item__attr b{color:var(--ink)}
.item__right{display:flex;flex-direction:column;align-items:flex-end;gap:12px;justify-content:space-between;height:100%}
.item__price{font-family:var(--font-display);font-weight:700;color:var(--golazo-green);font-size:20px;white-space:nowrap}
.item__price s{font-family:var(--font-body);font-weight:400;font-size:12px;color:var(--neutral-600);display:block;text-align:right}
.item__remove{display:inline-flex;align-items:center;gap:6px;border:none;background:none;color:var(--neutral-600);cursor:pointer;font-family:var(--font-ka);font-size:13px}
.item__remove:hover{color:#9a2414} .item__remove svg{width:16px;height:16px}
.items .qty{height:42px}
.items .qty button{width:38px;height:40px}

.cart__foot{display:flex;justify-content:space-between;align-items:center;margin-top:var(--s5);flex-wrap:wrap;gap:var(--s4)}
.backlink{display:inline-flex;align-items:center;gap:8px;color:var(--golazo-green);font-weight:600;text-decoration:none}
.backlink svg{width:18px;height:18px}

/* summary */
.summary{position:sticky;top:96px;background:#fff;border:1px solid var(--neutral-300);border-radius:var(--radius-lg);padding:var(--s6);box-shadow:0 24px 60px -34px rgba(0,0,0,.2)}
.summary h2{margin-bottom:var(--s5)}
.promo{display:flex;gap:8px;margin-bottom:var(--s5)}
.promo input{flex:1;font-family:var(--font-ka);font-size:14px;border:1.5px solid var(--neutral-300);border-radius:var(--radius-pill);padding:11px 16px;outline:none;min-width:0}
.promo input:focus{border-color:var(--golazo-green)}
.srow{display:flex;justify-content:space-between;padding:9px 0;color:var(--neutral-900)} .srow .lbl{color:var(--neutral-600)}
.srow.free .val{color:var(--golazo-green);font-weight:600}
.srow.discount .val{color:var(--golazo-green);font-weight:600}
.stotal{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--neutral-300);margin-top:var(--s3);padding-top:var(--s4)}
.stotal .lbl{font-weight:700} .stotal .val{font-family:var(--font-display);font-weight:700;color:var(--golazo-green);font-size:30px}
.summary .btn--block{margin-top:var(--s5)}
.strust{display:flex;flex-direction:column;gap:8px;margin-top:var(--s5);color:var(--neutral-600);font-size:12px}
.strust div{display:flex;align-items:center;gap:8px} .strust svg{width:16px;height:16px;color:var(--golazo-green);flex:0 0 auto}
.pays{display:flex;gap:8px;margin-top:var(--s4);flex-wrap:wrap}
.pays span{font-family:var(--font-body);font-weight:700;font-size:11px;color:var(--neutral-600);border:1px solid var(--neutral-300);border-radius:6px;padding:4px 8px}

@media(max-width:980px){
  .clayout{grid-template-columns:1fr;gap:var(--s5)} .summary{position:static}
  .item{grid-template-columns:80px 1fr;grid-template-areas:"img mid" "img right"}
  .item__img{width:80px;height:80px;grid-area:img}
  .item__mid{grid-area:mid}
  .item__right{grid-area:right;flex-direction:row;align-items:center;width:100%;justify-content:space-between}
}