/* =========================================================
   SALA PARTY — trang thanh toán
   ========================================================= */

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

/* Bước đã xong */
.sp-stp.sp-done{border-color:#9ad9b6;background:#EAF8F0;color:#166534}
.sp-stp.sp-done .sp-b{background:#2ea86b;color:#fff}

/* ---- Trường nhập của WooCommerce ---- */
.sp-cofields .form-row{margin:0 0 14px;padding:0;display:block}
.sp-cofields label{font-size:13px;font-weight:600;margin-bottom:6px;display:block;color:var(--ink)}
.sp-cofields label .required{color:var(--accent);text-decoration:none;border:0}
.sp-cofields .optional{color:var(--ink-3);font-weight:400}

.sp-scope .sp-cofields input.input-text,
.sp-scope .sp-cofields select,
.sp-scope .sp-cofields .select2-container .select2-selection--single{
	width:100%;
	border:1px solid var(--sp-pink);
	border-radius:12px;
	height:48px!important;
	min-height:0!important;
	padding:0 14px!important;
	font-family:inherit;
	font-size:15px;
	color:var(--ink);
	background:#fff;
	box-shadow:none;
	margin:0
}
.sp-scope .sp-cofields textarea{
	width:100%;
	border:1px solid var(--sp-pink);
	border-radius:12px;
	min-height:96px;
	padding:12px 14px!important;
	font-family:inherit;
	font-size:15px;
	background:#fff;
	box-shadow:none;
	margin:0;
	resize:vertical
}
.sp-scope .sp-cofields input.input-text:focus,
.sp-scope .sp-cofields select:focus,
.sp-scope .sp-cofields textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-lt)}
.sp-cofields .select2-container .select2-selection__rendered{line-height:46px!important;padding:0!important;color:var(--ink)}
.sp-cofields .select2-container .select2-selection__arrow{height:46px!important}

@media(min-width:640px){
	.sp-cofields .form-row-first,
	.sp-cofields .form-row-last{width:calc(50% - 7px);display:inline-block;vertical-align:top;float:none}
	.sp-cofields .form-row-first{margin-right:10px}
}

/* ---- Hình thức giao hàng ---- */
.sp-shipbox{margin:14px 0;padding:14px 0;border-top:var(--sp-dash);border-bottom:var(--sp-dash)}
.sp-shiplabel{font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);margin-bottom:10px}
.sp-scope ul.sp-shiplist{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.sp-scope ul.sp-shiplist li{margin:0;padding:0;border:1px solid var(--line);border-radius:12px;background:#fff;transition:.15s}
.sp-scope ul.sp-shiplist li:hover{border-color:var(--sp-pink)}
.sp-scope ul.sp-shiplist li.sp-on,
.sp-scope ul.sp-shiplist li:has(input:checked){border-color:var(--accent);background:var(--accent-lt)}
.sp-scope ul.sp-shiplist label{display:flex;align-items:center;gap:10px;padding:13px 15px;cursor:pointer;margin:0;font-size:14px;font-weight:600;color:var(--ink)}
.sp-scope ul.sp-shiplist input[type=radio]{margin:0;accent-color:var(--accent);flex:none}
.sp-shiplist .sp-shipname{flex:1}
.sp-shiplist .sp-shipcost{font-weight:700;color:var(--accent);white-space:nowrap}
.sp-scope .sp-shipnone{font-size:13.5px;color:var(--ink-2);margin:0}

/* ---- Phương thức thanh toán ---- */
.sp-scope .woocommerce-checkout-payment{background:transparent;border-radius:0}
.sp-scope ul.payment_methods{list-style:none;margin:0;padding:0;display:grid;gap:12px;border:0}
.sp-scope ul.payment_methods li{border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin:0;background:#fff;transition:.15s}
.sp-scope ul.payment_methods li:hover{border-color:var(--sp-pink)}
.sp-scope ul.payment_methods li:has(input:checked){border-color:var(--accent);background:var(--accent-lt)}
.sp-scope ul.payment_methods li label{font-size:14.5px;font-weight:600;color:var(--ink);display:inline;cursor:pointer}
.sp-scope ul.payment_methods li input[type=radio]{margin-right:9px;accent-color:var(--accent)}
.sp-scope ul.payment_methods li img{max-height:26px;margin-left:8px;vertical-align:middle}
.sp-scope .payment_box{background:transparent!important;color:var(--ink-2);font-size:13.5px;line-height:1.6;margin:10px 0 0;padding:0}
.sp-scope .payment_box::before{display:none!important}
.sp-scope .payment_box p{margin:0}

.sp-scope .place-order{padding:0;margin-top:18px}
.sp-scope .place-order button#place_order{
	width:100%;
	height:54px;
	border-radius:999px;
	border:1px solid transparent;
	background:linear-gradient(135deg,#ff3d9a,var(--accent) 45%,var(--accent-dk));
	color:#fff;
	font-family:var(--f);
	font-size:14.5px;
	font-weight:700;
	letter-spacing:.04em;
	text-transform:uppercase;
	box-shadow:0 10px 24px rgba(240,8,146,.32);
	transition:.18s;
	min-height:0;
	text-shadow:none
}
.sp-scope .place-order button#place_order:hover{filter:brightness(1.04);transform:translateY(-2px);box-shadow:0 14px 32px rgba(240,8,146,.44)}
.sp-scope .woocommerce-terms-and-conditions-wrapper{font-size:13px;color:var(--ink-2);margin-bottom:10px}

/* ---- Đơn hàng bên phải ---- */
.sp-mini{display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center;padding:12px 0}
.sp-mini + .sp-mini{border-top:var(--sp-dash)}
.sp-mthumb{position:relative;width:56px;height:56px;border-radius:10px;overflow:hidden;background:var(--cream);border:1px solid var(--line)}
.sp-mthumb img{width:100%;height:100%;object-fit:contain;display:block}
.sp-mthumb em{position:absolute;top:-6px;right:-6px;background:var(--accent);color:#fff;font-style:normal;font-size:11px;font-weight:700;min-width:20px;height:20px;border-radius:999px;display:grid;place-items:center;padding:0 5px}
.sp-mn{font-size:13.5px;font-weight:600;color:var(--ink);line-height:1.4}
.sp-mp{font-size:14px;font-weight:700;color:var(--accent);white-space:nowrap}

.sp-checkout .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-checkout .sp-sumrow b{color:var(--ink);font-weight:600}
.sp-checkout .sp-sumrow.sp-total{border-bottom:0;margin-top:4px;padding-top:14px;font-size:16px;color:var(--ink);font-weight:600}
.sp-checkout .sp-sumrow.sp-total .sp-v{font-size:24px;font-weight:700;color:var(--accent)}
.sp-checkout .sp-note{font-size:12.5px;color:var(--ink-3);text-align:center;margin:12px 0 0;line-height:1.6}
.sp-checkout .sp-note a{color:var(--accent-dk)}

/* Thông báo của WooCommerce */
.sp-checkout .woocommerce-error,
.sp-checkout .woocommerce-info,
.sp-checkout .woocommerce-message{border:0;border-radius:12px;padding:14px 18px;margin:0 0 18px;font-size:14px;list-style:none;background:#F3F4F6;color:var(--ink-2)}
.sp-checkout .woocommerce-error{background:#FDECEC;color:#9B1C1C}
.sp-checkout .woocommerce-message{background:#E6F7EC;color:#166534}
.sp-checkout .woocommerce-error li{margin:0}