/* =========================================================
   SALA PARTY — trang giỏ hàng
   ========================================================= */

.sp-cartpage{--sp-dash:1px dashed rgba(240,8,146,.28);--sp-pink:rgba(240,8,146,.35)}

.sp-cart-head{padding:26px 0 0}
.sp-cart-head h1{font-size:clamp(24px,3.4vw,34px);font-weight:300;letter-spacing:-.01em;margin:14px 0 8px}
.sp-scope .sp-cart-head p{color:var(--ink-2);margin:0 0 20px;font-size:15px}

/* ---- 3 bước ---- */
.sp-steps3{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.sp-stp{display:flex;align-items:center;gap:9px;padding:9px 16px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:13.5px;font-weight:600;color:var(--ink-3)}
.sp-stp .sp-b{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:var(--cream);color:var(--ink-3);font-size:12px;font-weight:700}
.sp-stp.sp-on{border-color:var(--accent);color:var(--accent-dk);background:var(--accent-lt)}
.sp-stp.sp-on .sp-b{background:var(--accent);color:#fff}

/* ---- Bố cục 2 cột ---- */
.sp-split{display:grid;gap:24px;align-items:start}
@media(min-width:960px){.sp-split{grid-template-columns:1.6fr 1fr;gap:30px}}
@media(min-width:960px){.sp-split .sp-panel--sum{position:sticky;top:88px}}
.sp-panel{border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-sm);padding:24px;position:relative}
.sp-panel h2{font-size:18px;font-weight:600;margin:0 0 6px;display:flex;align-items:center;gap:10px}
.sp-panel h2 svg{width:20px;height:20px;color:var(--accent)}
.sp-scope .sp-panel .sp-sub{font-size:13.5px;color:var(--ink-3);margin:0 0 14px}

/* ---- Dòng sản phẩm ---- */
.sp-citem{display:grid;grid-template-columns:84px 1fr auto;gap:14px;padding:16px 0;align-items:start;border:0}
.sp-citem + .sp-citem{border-top:var(--sp-dash)}
.sp-cthumb{width:84px;height:84px;border-radius:12px;overflow:hidden;background:var(--cream);border:1px solid var(--line);display:block}
.sp-cthumb img{width:100%;height:100%;object-fit:contain;display:block}
.sp-citem .sp-nm{font-size:14px;font-weight:600;line-height:1.45;color:var(--ink);margin-bottom:5px;display:block}
.sp-citem .sp-nm:hover{color:var(--accent)}
.sp-citem .sp-pr{font-size:13.5px;color:var(--ink-2);margin-bottom:10px}
.sp-citem .sp-pr del{color:var(--ink-3);margin-left:6px}
.sp-citem .sp-cright{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.sp-citem .sp-tt{font-size:15.5px;font-weight:700;color:var(--accent);white-space:nowrap}
.sp-scope a.sp-cdel{font-size:12.5px;color:var(--ink-3);background:none;border:0;cursor:pointer;padding:0;font-family:inherit}
.sp-scope a.sp-cdel:hover{color:#9B1C1C}

/* Ô số lượng — viền hồng, nút − / + màu hồng */
.sp-scope .sp-cqty{display:inline-flex;align-items:center;border:1px solid var(--sp-pink);border-radius:10px;overflow:hidden;background:#fff;width:auto;max-width:none;height:38px}
.sp-scope .sp-cqty button{width:36px!important;min-width:0!important;max-width:36px;height:38px!important;min-height:0!important;border:0;border-radius:0;background:#fff;font-size:17px;font-weight:700;color:var(--accent);cursor:pointer;line-height:1;font-family:inherit;padding:0!important;margin:0;flex:none;box-shadow:none;text-shadow:none;letter-spacing:0;text-transform:none;display:inline-flex;align-items:center;justify-content:center;transition:.15s}
.sp-scope .sp-cqty button:hover{background:var(--accent);color:#fff}
.sp-scope .sp-cqty input{width:46px!important;min-width:0!important;max-width:46px;height:38px!important;min-height:0!important;border:0;text-align:center;font-family:inherit;font-size:14.5px;font-weight:700;color:var(--ink);background:#fff;padding:0!important;margin:0;box-shadow:none;border-radius:0;flex:none;-moz-appearance:textfield}
.sp-scope .sp-cqty input::-webkit-outer-spin-button,
.sp-scope .sp-cqty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}

/* ---- Mã ưu đãi ---- */
.sp-coupon{display:flex;gap:10px;margin-top:18px;padding-top:18px;border-top:var(--sp-dash);flex-wrap:wrap;align-items:center}
.sp-scope .sp-coupon input{flex:1;min-width:180px;width:auto;border:1px solid var(--sp-pink);border-radius:12px;padding:0 16px!important;font-family:inherit;font-size:14.5px;background:#fff;box-shadow:none;height:46px!important;min-height:0!important;margin:0}
.sp-scope .sp-coupon input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-lt)}
.sp-scope .sp-coupon .sp-btn{width:auto;height:46px;padding:0 24px;margin:0;flex:none}

/* ---- Cột cộng giỏ hàng ---- */
.sp-sumrow{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:11px 0;font-size:14.5px;color:var(--ink-2);border-bottom:var(--sp-dash)}
.sp-sumrow b{color:var(--ink);font-weight:600}
.sp-sumrow.sp-total{border-top:0;border-bottom:0;margin-top:4px;padding-top:14px;font-size:16px;color:var(--ink);font-weight:600}
.sp-sumrow.sp-total .sp-v{font-size:24px;font-weight:700;color:var(--accent)}
.sp-freeship{margin:14px 0 4px;padding:12px 14px;border-radius:12px;background:var(--accent-lt);color:var(--accent-dk);font-size:13.5px;line-height:1.5}
.sp-panel--sum .sp-btn{width:100%;margin-top:12px}

/* 3 dòng cam kết dưới nút */
.sp-trust{margin-top:20px;display:grid;gap:9px;font-size:12.5px;color:var(--ink-3);line-height:1.5}
.sp-trust div{position:relative;padding-left:20px}
.sp-trust div::before{content:"";position:absolute;left:2px;top:5px;width:9px;height:5px;border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(-45deg)}

/* ---- Dải hỗ trợ cuối trang ---- */
.sp-support{margin-top:26px;display:grid;gap:18px;padding:26px;border-radius:var(--radius);background:var(--cream);border:1px solid var(--line)}
@media(min-width:820px){.sp-support{grid-template-columns:1fr auto;align-items:center;gap:26px}}
.sp-support h3{font-size:18px;font-weight:600;margin:0 0 6px}
.sp-scope .sp-support p{font-size:14px;color:var(--ink-2);margin:0 0 8px;max-width:520px}
.sp-support .sp-hrs{font-size:12.5px;font-weight:600;color:var(--accent-dk);background:var(--accent-lt);padding:5px 12px;border-radius:999px;display:inline-block}
.sp-support .sp-row{display:flex;gap:10px;flex-wrap:wrap}
.sp-scope .sp-support a.sp-btn--zl{background:#0068FF;border-color:#0068FF;color:#fff}
.sp-scope .sp-support a.sp-btn--zl:hover{background:#0059db;border-color:#0059db;color:#fff}

/* ---- Giỏ trống ---- */
.sp-cart-empty{text-align:center;padding:50px 20px}
.sp-scope .sp-cart-empty p{color:var(--ink-2);margin:0 auto 20px;max-width:420px}

/* Ẩn các nút Flatsome tự chèn vào form giỏ hàng */
.woocommerce-cart-form .continue-shopping,
.woocommerce-cart-form .cart-actions,
.woocommerce-cart-form button[name="update_cart"]:not(.sp-cart-update),
.woocommerce-cart-form input[name="update_cart"]{display:none!important}

@media(max-width:559px){
	.sp-citem{grid-template-columns:68px 1fr;gap:12px}
	.sp-cthumb{width:68px;height:68px}
	.sp-citem .sp-cright{grid-column:1/-1;flex-direction:row;justify-content:space-between;align-items:center;width:100%}
}