/* css/09-cart.css — cart & checkout modal */

/* top-bar cart icon: gold ring + gold icon, so it reads as THE primary action
   (it absorbed Get Funded) the way bet365's gold-ringed "Join" stands out
   against its plain "Offers"/"Log In" pills */
#cartBtn{color:var(--gold-2);border-color:rgba(253,214,46,.55);background:rgba(253,214,46,.08)}
#cartBtn:hover{background:rgba(253,214,46,.16);border-color:rgba(253,214,46,.8)}

.cart-head{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.cart-head h2{font-size:20px;font-weight:800}
.cart-count{font-size:11px;font-weight:700;color:var(--txt-3);background:var(--panel-3);border-radius:20px;padding:3px 10px}

.cart-items{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}
.cart-row{display:flex;align-items:center;gap:12px;background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:12px 14px}
.cart-ic{width:38px;height:38px;border-radius:10px;flex:none;display:flex;align-items:center;justify-content:center;
  background:rgba(34,160,109,.13);color:var(--green-2)}
.cart-main{flex:1;min-width:0}
.cart-main b{font-size:13.5px;font-weight:700;display:block}
.cart-main span{font-size:11px;color:var(--txt-3)}
.cart-fee{font-weight:800;font-variant-numeric:tabular-nums;font-size:14px}
.cart-x{width:26px;height:26px;border-radius:7px;flex:none;display:flex;align-items:center;justify-content:center;
  color:var(--txt-3);transition:.14s}
.cart-x:hover{color:var(--neg);background:rgba(239,77,90,.12)}

.cart-sum{background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:14px 16px;margin-bottom:16px}
.cs-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;padding:4px 0;color:var(--txt-2)}
.cs-row b{color:var(--txt);font-variant-numeric:tabular-nums}
.cs-credit{color:var(--gold-2) !important}
.cs-total{border-top:1px solid var(--line);margin-top:6px;padding-top:10px;font-size:15px;font-weight:700;color:var(--txt)}
.cs-total b{font-size:17px;font-weight:800}
.cart-note{font-size:11px;color:var(--txt-3);text-align:center;margin-top:10px}

.cart-empty{text-align:center;padding:28px 10px}
.cart-empty .ic-svg{color:var(--txt-3)}
.cart-empty h3{font-size:17px;margin:14px 0 6px}
.cart-empty p{font-size:12.5px;color:var(--txt-3);margin-bottom:18px;line-height:1.5}
.cart-empty .modal-btn{max-width:220px;margin:0 auto}