/* =============================================================================
   Sustainable Ply — WooCommerce Cart Page
   Scoped restyle for the WC block-based cart (woocommerce/cart). Targets the
   existing WC class names so cart logic (totals math, coupons, shipping calc,
   express payments, qty updates) remains untouched — purely cosmetic.

   Scope: every rule is namespaced under `body.sp-cart-page` (added by WC
   core) or `body.sp-cart-page` (added by inc/cart.php as belt-and-braces), so
   nothing leaks into checkout, single-product, or non-WC routes.

   Sister file to wc-shop.css. Depends on the token aliases in global.css and
   the .sp-btn-peach hook in buttons.css.
   ============================================================================= */

/* --------------------------------------------------------------------------- */
/* Hero band — small, transactional, sits above the cart                       */
/* --------------------------------------------------------------------------- */

body.sp-cart-page .sp-cart-page__hero {
	max-width: var(--layout-wide-size, 1600px);
	margin: 0 auto;
	padding: clamp(40px, 6vw, 80px) var(--layout-frame-pad) clamp(24px, 3vw, 40px);
	position: relative;
}

body.sp-cart-page .sp-cart-page__hero-inner {
	max-width: 720px;
}

body.sp-cart-page .sp-cart-page__hero-eyebrow {
	margin-bottom: var(--sp-md);
}

body.sp-cart-page .sp-cart-page__hero-heading {
	font-family: var(--wp--preset--font-family--fraunces);
	font-size: clamp(36px, 4.8vw, 56px);
	font-weight: 400;
	line-height: 1.05;
	letter-spacing: -0.02em;
	margin: 0 0 var(--sp-md) 0;
	color: var(--color-text);
}

body.sp-cart-page .sp-cart-page__hero-lead {
	font-family: var(--wp--preset--font-family--inter);
	font-size: 16px;
	line-height: 1.6;
	color: var(--color-text-muted);
	margin: 0;
	max-width: 56ch;
}

/* --------------------------------------------------------------------------- */
/* Main cart block wrapper — frame + alignwide width                           */
/* --------------------------------------------------------------------------- */

body.sp-cart-page .wp-block-woocommerce-cart {
	max-width: var(--layout-wide-size, 1600px);
	margin: 0 auto;
	padding: 0 var(--layout-frame-pad);
}

/* WC ships the cart as a 2-col flex (items / totals sidebar). Keep that but
   tighten the gap and align the sidebar to the top.                           */
body.sp-cart-page .wp-block-woocommerce-filled-cart-block {
	gap: clamp(24px, 3vw, 48px);
	align-items: flex-start;
}

body.sp-cart-page .wc-block-cart__main {
	flex: 1 1 60%;
}

body.sp-cart-page .wc-block-cart__sidebar {
	flex: 0 1 380px;
	position: sticky;
	top: var(--sp-xl);
}

@media (max-width: 900px) {
	body.sp-cart-page .wc-block-cart__sidebar {
		position: static;
		flex: 1 1 100%;
		width: 100%;
	}
}

/* --------------------------------------------------------------------------- */
/* Cart line items — table layout                                              */
/* --------------------------------------------------------------------------- */

body.sp-cart-page .wp-block-woocommerce-cart-items-block table,
body.sp-cart-page .wc-block-cart-items {
	background: transparent;
	border: 1px solid var(--color-border);
	border-radius: var(--radius-lg, 20px);
	overflow: hidden;
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
}

body.sp-cart-page .wc-block-cart-items__header {
	font-family: var(--wp--preset--font-family--inter);
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--color-text-muted);
	background: var(--color-surface);
	border-bottom: 1px solid var(--color-border);
	padding: var(--sp-md) var(--sp-lg);
}

body.sp-cart-page .wc-block-cart-items__row,
body.sp-cart-page tr.wc-block-cart-items__row {
	border-bottom: 1px solid var(--color-border);
	padding: clamp(20px, 2.4vw, 32px);
	background: transparent;
}

body.sp-cart-page .wc-block-cart-items__row:last-of-type,
body.sp-cart-page tr.wc-block-cart-items__row:last-of-type {
	border-bottom: 0;
}

body.sp-cart-page .wc-block-cart-items__row td {
	padding: clamp(20px, 2.4vw, 32px) var(--sp-lg);
	vertical-align: top;
	border: 0;
}

/* Product thumbnail — soft rounded corners, framed                            */
body.sp-cart-page .wc-block-cart-item__image img {
	border-radius: var(--radius-md, 12px);
	border: 1px solid var(--color-border);
	max-width: 96px;
	height: auto;
}

/* Product title — GC Commune (Fraunces fallback)                              */
body.sp-cart-page .wc-block-cart-item__product .wc-block-components-product-name,
body.sp-cart-page .wc-block-components-product-name {
	font-family: var(--wp--preset--font-family--fraunces);
	font-size: clamp(18px, 1.6vw, 22px);
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: -0.01em;
	color: var(--color-text);
	text-decoration: none;
}

body.sp-cart-page .wc-block-components-product-name:hover,
body.sp-cart-page .wc-block-components-product-name:focus-visible {
	color: var(--color-accent);
	text-decoration: underline;
	text-underline-offset: 3px;
}

body.sp-cart-page .wc-block-components-product-metadata,
body.sp-cart-page .wc-block-components-product-metadata__description,
body.sp-cart-page .wc-block-cart-item__product .wc-block-components-product-metadata {
	font-family: var(--wp--preset--font-family--inter);
	font-size: 13px;
	line-height: 1.5;
	color: var(--color-text-muted);
	margin-top: var(--sp-xs);
}

/* Per-line price — Inter tabular nums                                         */
body.sp-cart-page .wc-block-components-product-price,
body.sp-cart-page .wc-block-cart-item__prices,
body.sp-cart-page .wc-block-cart-item__total-price-and-sale-badge-wrapper {
	font-family: var(--wp--preset--font-family--inter);
	font-feature-settings: "tnum";
	font-variant-numeric: tabular-nums;
	font-weight: 500;
	color: var(--color-text);
}

body.sp-cart-page .wc-block-cart-item__total {
	font-size: 16px;
}

/* --- Quantity stepper — match form-input pattern --------------------------- */
body.sp-cart-page .wc-block-components-quantity-selector {
	display: inline-flex;
	align-items: stretch;
	background: var(--color-bg);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-md, 12px);
	overflow: hidden;
	width: max-content;
	min-width: 112px;
}

body.sp-cart-page .wc-block-components-quantity-selector:focus-within {
	border-color: var(--color-text);
	box-shadow: 0 0 0 3px rgba(90, 107, 122, 0.45);
}

body.sp-cart-page .wc-block-components-quantity-selector__button {
	background: transparent;
	border: 0;
	color: var(--color-text);
	font-family: var(--wp--preset--font-family--inter);
	font-size: 18px;
	font-weight: 400;
	line-height: 1;
	padding: 0 var(--sp-md);
	cursor: pointer;
	transition: background 160ms ease-out, color 160ms ease-out;
	min-width: 36px;
}

body.sp-cart-page .wc-block-components-quantity-selector__button:hover,
body.sp-cart-page .wc-block-components-quantity-selector__button:focus-visible {
	background: var(--color-surface);
	color: var(--color-accent);
	outline: none;
}

body.sp-cart-page .wc-block-components-quantity-selector__button:disabled {
	opacity: 0.4;
	cursor: not-allowed;
}

body.sp-cart-page .wc-block-components-quantity-selector__input {
	background: transparent;
	border: 0;
	border-left: 1px solid var(--color-border);
	border-right: 1px solid var(--color-border);
	color: var(--color-text);
	font-family: var(--wp--preset--font-family--inter);
	font-feature-settings: "tnum";
	font-variant-numeric: tabular-nums;
	font-size: 15px;
	font-weight: 500;
	text-align: center;
	padding: 10px 4px;
	width: 44px;
	outline: none;
}

/* --- "Remove item" link — slate-on-hover ink ------------------------------- */
body.sp-cart-page .wc-block-cart-item__remove-link {
	font-family: var(--wp--preset--font-family--inter);
	font-size: 13px;
	font-weight: 400;
	color: var(--color-accent);
	text-decoration: underline;
	text-underline-offset: 3px;
	text-decoration-thickness: 1px;
	margin-top: var(--sp-sm);
	display: inline-block;
	transition: color 160ms ease-out;
	background: none;
	border: 0;
	padding: 0;
	cursor: pointer;
}

body.sp-cart-page .wc-block-cart-item__remove-link:hover,
body.sp-cart-page .wc-block-cart-item__remove-link:focus-visible {
	color: var(--color-text);
	outline: none;
}

/* --------------------------------------------------------------------------- */
/* Totals sidebar — card pattern                                               */
/* --------------------------------------------------------------------------- */

body.sp-cart-page .wp-block-woocommerce-cart-totals-block {
	background: var(--color-surface);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-lg, 20px);
	padding: clamp(24px, 2.6vw, 36px);
	display: flex;
	flex-direction: column;
	gap: var(--sp-md);
}

body.sp-cart-page .wp-block-woocommerce-cart-order-summary-heading-block,
body.sp-cart-page .wc-block-cart__totals-title {
	font-family: var(--wp--preset--font-family--inter);
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--color-text-muted);
	padding: 0 0 var(--sp-md) 0;
	margin: 0 0 var(--sp-sm) 0;
	border-bottom: 1px solid var(--color-border);
	text-align: left;
}

/* Subtotal / shipping / tax / discount rows                                   */
body.sp-cart-page .wc-block-components-totals-item {
	font-family: var(--wp--preset--font-family--inter);
	font-size: 15px;
	color: var(--color-text);
	padding: var(--sp-sm) 0;
	display: flex;
	justify-content: space-between;
	align-items: baseline;
}

body.sp-cart-page .wc-block-components-totals-item__label {
	color: var(--color-text-muted);
	font-weight: 400;
}

body.sp-cart-page .wc-block-components-totals-item__value {
	font-feature-settings: "tnum";
	font-variant-numeric: tabular-nums;
	font-weight: 500;
	color: var(--color-text);
}

/* Footer total row — bigger, GC Commune                                       */
body.sp-cart-page .wc-block-components-totals-footer-item {
	border-top: 1px solid var(--color-border);
	padding-top: var(--sp-md);
	margin-top: var(--sp-sm);
}

body.sp-cart-page .wc-block-components-totals-footer-item .wc-block-components-totals-item__label {
	font-family: var(--wp--preset--font-family--inter);
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--color-text);
}

body.sp-cart-page .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
	font-family: var(--wp--preset--font-family--fraunces);
	font-size: clamp(24px, 2.4vw, 32px);
	font-weight: 400;
	letter-spacing: -0.01em;
	color: var(--color-text);
	font-feature-settings: "tnum";
	font-variant-numeric: tabular-nums;
}

/* --- Coupon field --------------------------------------------------------- */
body.sp-cart-page .wc-block-components-totals-coupon {
	padding: var(--sp-sm) 0;
}

body.sp-cart-page .wc-block-components-totals-coupon__button,
body.sp-cart-page .wc-block-components-panel__button {
	font-family: var(--wp--preset--font-family--inter);
	font-size: 13px;
	font-weight: 500;
	color: var(--color-accent);
	background: transparent;
	border: 0;
	padding: var(--sp-xs) 0;
	cursor: pointer;
	letter-spacing: 0.02em;
	text-decoration: underline;
	text-underline-offset: 3px;
	text-decoration-thickness: 1px;
}

body.sp-cart-page .wc-block-components-totals-coupon__button:hover,
body.sp-cart-page .wc-block-components-panel__button:hover {
	color: var(--color-text);
}

body.sp-cart-page .wc-block-components-totals-coupon__content,
body.sp-cart-page .wc-block-components-totals-coupon__form {
	display: flex;
	gap: var(--sp-sm);
	padding-top: var(--sp-sm);
	align-items: stretch;
}

body.sp-cart-page .wc-block-components-totals-coupon__input input,
body.sp-cart-page .wc-block-components-totals-coupon__input .wc-block-components-text-input input,
body.sp-cart-page .wc-block-components-text-input input {
	font-family: var(--wp--preset--font-family--inter);
	font-size: 14px;
	padding: 12px 14px;
	background: var(--color-bg);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-md, 12px);
	color: var(--color-text);
	width: 100%;
	transition: border-color 160ms ease-out, box-shadow 160ms ease-out;
}

body.sp-cart-page .wc-block-components-totals-coupon__input input:focus,
body.sp-cart-page .wc-block-components-text-input input:focus {
	outline: none;
	border-color: var(--color-text);
	box-shadow: 0 0 0 3px rgba(90, 107, 122, 0.45);
}

/* "Apply" button — outline style, matches our secondary buttons               */
body.sp-cart-page .wc-block-components-totals-coupon__form button,
body.sp-cart-page .wc-block-components-totals-coupon button[type="submit"] {
	background: transparent;
	color: var(--color-text);
	border: 1px solid var(--color-text);
	border-radius: var(--radius-md, 12px);
	font-family: var(--wp--preset--font-family--inter);
	font-size: 13px;
	font-weight: 500;
	padding: 10px 18px;
	cursor: pointer;
	white-space: nowrap;
	transition: background 200ms cubic-bezier(0.22, 1, 0.36, 1), color 200ms cubic-bezier(0.22, 1, 0.36, 1);
}

body.sp-cart-page .wc-block-components-totals-coupon__form button:hover,
body.sp-cart-page .wc-block-components-totals-coupon button[type="submit"]:hover {
	background: var(--color-text);
	color: var(--color-bg);
}

/* --- Shipping options — chip-style radios --------------------------------- */
body.sp-cart-page .wc-block-components-totals-shipping__options,
body.sp-cart-page .wc-block-components-shipping-rates-control {
	display: flex;
	flex-direction: column;
	gap: var(--sp-xs);
}

body.sp-cart-page .wc-block-components-radio-control__option,
body.sp-cart-page .wc-block-components-shipping-rates-control__package label {
	display: flex;
	align-items: center;
	gap: var(--sp-sm);
	padding: var(--sp-md);
	background: var(--color-bg);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-md, 12px);
	font-family: var(--wp--preset--font-family--inter);
	font-size: 14px;
	color: var(--color-text);
	cursor: pointer;
	transition: border-color 160ms ease-out, background 160ms ease-out;
}

body.sp-cart-page .wc-block-components-radio-control__option:hover {
	border-color: var(--color-text);
}

body.sp-cart-page .wc-block-components-radio-control__option--checked {
	border-color: var(--color-text);
	background: var(--color-surface);
}

body.sp-cart-page .wc-block-components-totals-shipping__change-address-button,
body.sp-cart-page .wc-block-components-totals-shipping__change-address__link {
	color: var(--color-accent);
	text-decoration: underline;
	text-underline-offset: 3px;
	font-size: 13px;
}

/* --------------------------------------------------------------------------- */
/* Proceed-to-checkout CTA — peach primary, the moment                          */
/* --------------------------------------------------------------------------- */

body.sp-cart-page .wp-block-woocommerce-proceed-to-checkout-block,
body.sp-cart-page .wc-block-cart__submit,
body.sp-cart-page .wc-block-cart__submit-container {
	margin-top: var(--sp-md);
}

body.sp-cart-page .wc-block-cart__submit-button,
body.sp-cart-page .wp-block-woocommerce-proceed-to-checkout-block a,
body.sp-cart-page .wp-block-woocommerce-proceed-to-checkout-block button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--sp-sm);
	width: 100%;
	background: var(--color-peach);
	color: var(--color-text);
	border: 1px solid var(--color-peach);
	border-radius: var(--radius-md, 12px);
	font-family: var(--wp--preset--font-family--inter);
	font-size: 16px;
	font-weight: 500;
	letter-spacing: -0.005em;
	padding: var(--sp-md) var(--sp-xl);
	text-decoration: none;
	cursor: pointer;
	transition: background 200ms cubic-bezier(0.22, 1, 0.36, 1),
				color 200ms cubic-bezier(0.22, 1, 0.36, 1),
				border-color 200ms cubic-bezier(0.22, 1, 0.36, 1);
	box-shadow: none;
}

body.sp-cart-page .wc-block-cart__submit-button:hover,
body.sp-cart-page .wc-block-cart__submit-button:focus-visible,
body.sp-cart-page .wp-block-woocommerce-proceed-to-checkout-block a:hover,
body.sp-cart-page .wp-block-woocommerce-proceed-to-checkout-block a:focus-visible {
	background: var(--color-bg);
	color: var(--color-text);
	border-color: var(--color-text);
	outline: none;
}

body.sp-cart-page .wc-block-cart__submit-button:focus-visible {
	outline: 1px solid var(--color-accent);
	outline-offset: 3px;
}

/* Sticky submit on mobile — keep but recolor                                  */
body.sp-cart-page .wc-block-cart__submit-container--sticky {
	background: var(--color-bg);
	border-top: 1px solid var(--color-border);
	padding: var(--sp-md) var(--layout-frame-pad);
}

/* Trust line under the CTA (injected by template)                             */
body.sp-cart-page .sp-cart-page__trustline {
	font-family: var(--wp--preset--font-family--inter);
	font-size: 12px;
	color: var(--color-text-muted);
	text-align: center;
	margin: var(--sp-sm) 0 0;
	letter-spacing: 0.02em;
}

body.sp-cart-page .sp-cart-page__trustline svg {
	width: 12px;
	height: 12px;
	vertical-align: -1px;
	margin-right: 4px;
	color: var(--color-accent);
}

/* --------------------------------------------------------------------------- */
/* Take-back trust strip — subtle cream framed band below the cart             */
/* --------------------------------------------------------------------------- */

body.sp-cart-page .sp-cart-page__takeback {
	max-width: var(--layout-wide-size, 1600px);
	margin: clamp(40px, 5vw, 64px) auto clamp(48px, 6vw, 96px);
	padding: 0 var(--layout-frame-pad);
}

body.sp-cart-page .sp-cart-page__takeback-inner {
	background: var(--color-surface);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-lg, 20px);
	padding: clamp(24px, 3vw, 40px) clamp(24px, 4vw, 56px);
	display: flex;
	align-items: center;
	gap: clamp(16px, 2.4vw, 32px);
}

@media (max-width: 720px) {
	body.sp-cart-page .sp-cart-page__takeback-inner {
		flex-direction: column;
		align-items: flex-start;
		text-align: left;
	}
}

body.sp-cart-page .sp-cart-page__takeback-icon {
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--color-bg);
	border: 1px solid var(--color-border);
	border-radius: 50%;
	color: var(--color-accent);
}

body.sp-cart-page .sp-cart-page__takeback-icon svg {
	width: 20px;
	height: 20px;
}

body.sp-cart-page .sp-cart-page__takeback-body {
	flex: 1;
}

body.sp-cart-page .sp-cart-page__takeback-text {
	font-family: var(--wp--preset--font-family--inter);
	font-size: 14px;
	line-height: 1.55;
	color: var(--color-text);
	margin: 0;
}

body.sp-cart-page .sp-cart-page__takeback-text strong {
	font-weight: 500;
}

body.sp-cart-page .sp-cart-page__takeback-link {
	display: inline-block;
	margin-top: 4px;
	font-family: var(--wp--preset--font-family--inter);
	font-size: 13px;
	color: var(--color-accent);
	text-decoration: underline;
	text-underline-offset: 3px;
	text-decoration-thickness: 1px;
}

body.sp-cart-page .sp-cart-page__takeback-link:hover,
body.sp-cart-page .sp-cart-page__takeback-link:focus-visible {
	color: var(--color-text);
}

/* --------------------------------------------------------------------------- */
/* Empty-cart state — large GC Commune heading + two outline CTAs              */
/* --------------------------------------------------------------------------- */

body.sp-cart-page .wp-block-woocommerce-empty-cart-block {
	max-width: 640px;
	margin: 0 auto;
	padding: clamp(40px, 6vw, 96px) var(--layout-frame-pad);
	text-align: center;
}

/* Hide WC's default "New in store" recommended-products block on empty cart — */
/* the override gives us a focused 2-CTA path instead of a product grid. The   */
/* injected sp-cart-page__empty-ctas block below provides the routing.         */
body.sp-cart-page .wp-block-woocommerce-empty-cart-block .wp-block-woocommerce-product-new,
body.sp-cart-page .wp-block-woocommerce-empty-cart-block > .wp-block-separator,
body.sp-cart-page .wp-block-woocommerce-empty-cart-block > h2:not(.wc-block-cart__empty-cart__title) {
	display: none;
}

body.sp-cart-page .wp-block-woocommerce-empty-cart-block .wc-block-cart__empty-cart__title,
body.sp-cart-page .wp-block-woocommerce-empty-cart-block h2.with-empty-cart-icon {
	font-family: var(--wp--preset--font-family--fraunces);
	font-size: clamp(32px, 4.4vw, 52px);
	font-weight: 400;
	line-height: 1.05;
	letter-spacing: -0.02em;
	color: var(--color-text);
	margin: 0 0 var(--sp-md) 0;
}

/* Strip the default WC empty-cart icon — we add our own framing instead.       */
body.sp-cart-page .wp-block-woocommerce-empty-cart-block .with-empty-cart-icon::before {
	display: none;
}

body.sp-cart-page .sp-cart-page__empty-lead {
	font-family: var(--wp--preset--font-family--inter);
	font-size: 16px;
	line-height: 1.6;
	color: var(--color-text-muted);
	margin: 0 auto var(--sp-xl);
	max-width: 48ch;
}

body.sp-cart-page .sp-cart-page__empty-ctas {
	display: inline-flex;
	flex-wrap: wrap;
	gap: var(--sp-md);
	justify-content: center;
}

body.sp-cart-page .sp-cart-page__empty-cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--sp-sm);
	background: transparent;
	color: var(--color-text);
	border: 1px solid var(--color-text);
	border-radius: var(--radius-md, 12px);
	font-family: var(--wp--preset--font-family--inter);
	font-size: 15px;
	font-weight: 500;
	padding: 14px 26px;
	text-decoration: none;
	cursor: pointer;
	transition: background 200ms cubic-bezier(0.22, 1, 0.36, 1), color 200ms cubic-bezier(0.22, 1, 0.36, 1);
}

body.sp-cart-page .sp-cart-page__empty-cta:hover,
body.sp-cart-page .sp-cart-page__empty-cta:focus-visible {
	background: var(--color-text);
	color: var(--color-bg);
	outline: none;
}

body.sp-cart-page .sp-cart-page__empty-cta--primary {
	background: var(--color-peach);
	border-color: var(--color-peach);
}

body.sp-cart-page .sp-cart-page__empty-cta--primary:hover,
body.sp-cart-page .sp-cart-page__empty-cta--primary:focus-visible {
	background: var(--color-bg);
	color: var(--color-text);
	border-color: var(--color-text);
}

/* --------------------------------------------------------------------------- */
/* Cross-sell product collection — soften it inside the cart                   */
/* --------------------------------------------------------------------------- */

body.sp-cart-page .wp-block-woocommerce-cart-cross-sells-products-block,
body.sp-cart-page .wp-block-woocommerce-cart-items-block .wp-block-woocommerce-product-collection {
	margin-top: clamp(40px, 5vw, 64px);
	padding-top: clamp(24px, 3vw, 40px);
	border-top: 1px solid var(--color-border);
}

body.sp-cart-page .wp-block-woocommerce-product-collection h2 {
	font-family: var(--wp--preset--font-family--fraunces);
	font-size: clamp(22px, 2vw, 28px);
	font-weight: 400;
	letter-spacing: -0.01em;
	color: var(--color-text);
}

/* --------------------------------------------------------------------------- */
/* Express payment — quiet header, native buttons left alone                   */
/* --------------------------------------------------------------------------- */

body.sp-cart-page .wc-block-components-express-payment__title {
	font-family: var(--wp--preset--font-family--inter);
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--color-text-muted);
}

body.sp-cart-page .wc-block-components-express-payment-continue-rule {
	color: var(--color-text-muted);
	font-family: var(--wp--preset--font-family--inter);
	font-size: 11px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

/* --------------------------------------------------------------------------- */
/* Notices — keep WC functional but recolour to brand palette                  */
/* --------------------------------------------------------------------------- */

body.sp-cart-page .wc-block-components-notice-banner {
	border-radius: var(--radius-md, 12px);
	border: 1px solid var(--color-border);
	background: var(--color-surface);
	font-family: var(--wp--preset--font-family--inter);
	font-size: 14px;
	color: var(--color-text);
	padding: var(--sp-md);
}

body.sp-cart-page .wc-block-components-notice-banner.is-error {
	border-color: var(--color-destructive);
	background: rgba(192, 57, 43, 0.06);
}