/* Task 31 - "Shipping method" choice + China freight forwarder pricing. */

/* Lowest price first: "From $X each" headline, tier lines below. */
.kzyao-tier-price-wrap p.kzyao-tier-from {
	font-size: 1.5rem;
	line-height: 1.2;
	font-weight: 700;
	margin: 0 0 4px;
}
.kzyao-tier-price-wrap p.kzyao-tier-from strong {
	color: var(--tw-accent, #b8860b);
	font-weight: 800;
}
p.kzyao-tier-retail { font-size: 1.05rem; }

/* Radio group above the add-to-cart button. */
.kzyao-ship-method { margin: 0 0 16px; }
.kzyao-ship-title { font-weight: 700; margin: 0 0 8px; font-size: 0.95rem; }
.kzyao-ship-opt {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	box-sizing: border-box;
	min-height: 44px;
	margin: 0 0 8px;
	padding: 10px 12px;
	background: #fff;
	border: 1px solid #d7dde5;
	border-radius: 10px;
	cursor: pointer;
}
.kzyao-ship-opt:hover { border-color: #94a3b8; }
.kzyao-ship-opt.is-selected { border-color: #0f172a; box-shadow: inset 0 0 0 1px #0f172a; }
.kzyao-ship-opt input[type="radio"] {
	flex: 0 0 auto;
	width: 18px;
	height: 18px;
	margin: 3px 0 0;
}
.kzyao-ship-opt-main { display: block; min-width: 0; }
.kzyao-ship-opt-name { display: block; font-weight: 700; line-height: 1.3; }
.kzyao-ship-opt-desc { display: block; margin-top: 2px; font-size: 0.82rem; line-height: 1.4; color: #64748b; }
.kzyao-ship-opt-price { display: block; margin-top: 4px; font-size: 0.9rem; color: #0f172a; }
.kzyao-ship-opt-price strong { font-weight: 800; }

/* Cart line method + one-click switch. */
.kzyao-cart-ship { margin-top: 6px; font-size: 0.8rem; line-height: 1.4; color: #475569; }
.kzyao-cart-ship-label { display: block; }
.kzyao-cart-ship-btn {
	margin-top: 4px;
	padding: 8px 12px;
	min-height: 40px;
	font-size: 0.78rem;
	line-height: 1.2;
	color: #0f172a;
	background: #f1f5f9;
	border: 1px solid #cbd5e1;
	border-radius: 6px;
	cursor: pointer;
}
.kzyao-cart-ship-btn:hover { background: #e2e8f0; }

/* Checkout: order-wide method summary + forwarder address fields. */
.kzyao-ship-order {
	margin: 0 0 18px;
	padding: 12px 14px;
	background: #f8fafc;
	border: 1px solid #d7dde5;
	border-radius: 10px;
}
.kzyao-ship-order h3 { margin: 0 0 6px; font-size: 1rem; }
.kzyao-ship-order p { margin: 0 0 8px; font-size: 0.9rem; color: #475569; }
.kzyao-ship-order p:last-child { margin-bottom: 0; }
.kzyao-ship-order .kzyao-ship-order-mode { font-weight: 700; color: #0f172a; }
.kzyao-ship-order .kzyao-ship-order-warn { color: #b91c1c; font-weight: 600; }
.kzyao-ship-order-actions { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 8px; }
.kzyao-ship-order-actions a {
	display: inline-block;
	box-sizing: border-box;
	min-height: 44px;
	padding: 10px 14px;
	font-size: 0.88rem;
	line-height: 1.3;
	color: #0f172a;
	text-decoration: none;
	background: #fff;
	border: 1px solid #cbd5e1;
	border-radius: 8px;
}
.kzyao-ship-order-actions a:hover { border-color: #64748b; }
.kzyao-ship-order-actions a.is-current { border-color: #0f172a; box-shadow: inset 0 0 0 1px #0f172a; font-weight: 700; }
.kzyao-fwd-field.kzyao-ship-hidden { display: none !important; }

/* Order / email summary block. */
.kzyao-ship-order-block { margin: 1em 0; }
.kzyao-ship-order-block h3 { margin: 0 0 4px; font-size: 1rem; }
.kzyao-ship-order-block p { margin: 0 0 2px; }

@media (max-width: 767px) {
	.kzyao-tier-price-wrap p.kzyao-tier-from { font-size: 1.35rem; }
	p.kzyao-tier-retail { font-size: 1rem; }
	.kzyao-ship-opt { padding: 10px; }
	.kzyao-ship-opt-name { font-size: 0.95rem; }
}