/* ============================================================
   APG — Cart Page · Redesign
   Targets: woocommerce/cart/cart.php + WC core cart-totals.php
            + cart-shipping.php + cart-empty.php
   ============================================================ */

.apg-cart.woocommerce-cart {
	--apg-navy: #001740;
	--apg-accent: #ff930d;
	--apg-accent-dark: #e17f00;
	--apg-ink: #1a1a1a;
	--apg-ink-2: #4b5563;
	--apg-muted: #6b7280;
	--apg-faint: #9aa1ab;
	--apg-line: #eef0f3;
	--apg-line-2: #d6dae0;
	--apg-surface: #ffffff;
	--apg-surface-2: #fafbfc;
	--apg-surface-3: #f5f6f8;
	--apg-radius: 16px;
	--apg-radius-sm: 10px;
	--apg-shadow-sm: 0 2px 10px rgba(17, 24, 39, .05);
	--apg-shadow-md: 0 14px 40px rgba(17, 24, 39, .10);
	--apg-ease: cubic-bezier(.22, .61, .36, 1);

	max-width: 1320px;
	margin: 0 auto;
	padding: .5rem 1.25rem 5rem;
}

/* ============================================================
   Page header — title + item count
   ============================================================ */
.apg-cart-header {
	padding: 1.25rem 0 2.25rem;
}

.apg-cart-header__row {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 1rem 1.25rem;
}
.apg-cart .apg-cart-title {
	font-family: 'CreatoDisplay', sans-serif;
	font-size: clamp(1.9rem, 3.4vw, 2.6rem) !important;
	font-weight: 800 !important;
	line-height: 1.1 !important;
	color: var(--apg-navy) !important;
	margin: 0 !important;
	letter-spacing: -.02em;
}
.apg-title-arr {
	width: 13px;
	height: 29px;
	object-fit: contain;
	vertical-align: middle;
	margin-right: .5rem;
}

.apg-cart .apg-cart-header .apg-cart-title::before,
.gutenberg_wrapper .apg-cart .apg-cart-title::before {
	content: none !important;
	display: none !important;
	background: none !important;
}
.apg-cart-count {
	display: inline-flex;
	align-items: center;
	gap: .45rem;
	font-size: .85rem;
	font-weight: 600;
	color: var(--apg-muted);
	padding: .35rem .85rem;
	background: var(--apg-surface-2);
	border: 1px solid var(--apg-line);
	border-radius: 999px;
}
.apg-cart-count::before {
	content: "\f07a";
	font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "FontAwesome";
	font-weight: 900;
	color: var(--apg-accent);
	font-size: .8rem;
}

/* ============================================================
   Two-column layout — line items + sticky summary
   ============================================================ */
.apg-cart-layout {
	display: grid;
	grid-template-columns: 1fr;
	gap: 2rem;
	align-items: start;
}
@media (min-width: 1200px) {
	.apg-cart-layout {
		grid-template-columns: minmax(0, 1fr) 380px;
		gap: 2.5rem;
	}
}

/* ============================================================
   Cart line items — convert <table> into stacked cards
   ============================================================ */
.apg-cart-main { min-width: 0; }
.apg-cart .woocommerce-cart-form { width: 100%; min-width: 0; }

.apg-cart .shop_table.cart {
	display: block;
	width: 100% !important;
	border: 0 !important;
	border-collapse: collapse;
	background: transparent !important;
}

.apg-cart .shop_table.cart thead {
	display: block;
	margin-bottom: 1.25rem;
}
.apg-cart .shop_table.cart thead tr {
	display: flex;
	width: 100%;
	gap: .5rem;
	padding: 0 1.25rem;
	box-sizing: border-box;
}
.apg-cart .shop_table.cart thead th {
	font-size: .68rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .08em;
	color: var(--apg-faint);
	border: 0;
	padding: 0 0 .85rem;
}
.apg-cart .shop_table.cart thead th.product-thumbnail { flex: 0 0 96px; }
.apg-cart .shop_table.cart thead th.product-name { flex: 1 1 auto; }
.apg-cart .shop_table.cart thead th.product-price { flex: 0 0 110px; text-align: right; }
.apg-cart .shop_table.cart thead th.product-quantity { flex: 0 0 132px; text-align: center; }
.apg-cart .shop_table.cart thead th.product-subtotal { flex: 0 0 110px; text-align: right; }
.apg-cart .shop_table.cart thead th.product-remove { flex: 0 0 44px; text-align: center; }

.apg-cart .shop_table.cart tbody { display: block; }

/* Each cart_item row becomes a bordered card */
.apg-cart .shop_table.cart tr.cart_item {
	display: flex;
	align-items: center;
	gap: .5rem;
	background: var(--apg-surface);
	border: 1px solid var(--apg-line);
	border-radius: var(--apg-radius);
	padding: 1.1rem 1.25rem;
	margin-bottom: 1rem;
	box-shadow: var(--apg-shadow-sm);
	transition: box-shadow .3s var(--apg-ease), transform .3s var(--apg-ease), border-color .3s var(--apg-ease);
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
}
.apg-cart .shop_table.cart tr.cart_item::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 4px;
	background: linear-gradient(180deg, var(--apg-accent), var(--apg-accent-dark));
	opacity: 0;
	transition: opacity .3s var(--apg-ease);
}
.apg-cart .shop_table.cart tr.cart_item:hover {
	box-shadow: var(--apg-shadow-md);
	transform: translateY(-2px);
	border-color: var(--apg-line-2);
}
.apg-cart .shop_table.cart tr.cart_item:hover::before { opacity: 1; }

.apg-cart .shop_table.cart td {
	border: 0 !important;
	padding: 0 !important;
	vertical-align: middle;
}

/* Thumbnail */
.apg-cart .shop_table.cart td.product-thumbnail {
	flex: 0 0 96px;
	padding-right: .25rem !important;
}
.apg-cart .shop_table.cart td.product-thumbnail a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 84px;
	height: 84px;
	border-radius: var(--apg-radius-sm);
	background:
		radial-gradient(120% 90% at 50% 18%, #ffffff 0%, var(--apg-surface-2) 78%);
	border: 1px solid var(--apg-line);
	overflow: hidden;
	transition: border-color .25s var(--apg-ease), box-shadow .25s var(--apg-ease);
}

.apg-cart .shop_table.cart td.product-thumbnail img {
	width: 100%;
	height: 100%;
	min-width: 0;
	object-fit: contain;
	padding: 8px;
	border-radius: 0;
}

/* Product name + description */
.apg-cart .shop_table.cart td.product-name {
	flex: 1 1 auto;
	min-width: 0;
	padding-right: 1rem !important;
}
.apg-cart .shop_table.cart td.product-name a {
	font-family: 'CreatoDisplay', sans-serif;
	font-weight: 700;
	font-size: 1.02rem;
	color: var(--apg-navy) !important;
	text-decoration: none;
	letter-spacing: -.005em;
	line-height: 1.3;
	transition: color .18s var(--apg-ease);
}
.apg-cart .shop_table.cart td.product-name a:hover { color: var(--apg-accent) !important; }
.apg-cart .shop_table.cart td.product-name .woocommerce-product-details__short-description,
.apg-cart .shop_table.cart td.product-name p {
	margin: .3rem 0 0 !important;
	font-size: 1rem;
	line-height: 1.55;
	color: var(--apg-muted);
}
.apg-cart .shop_table.cart td.product-name br { display: none; }
.apg-cart .shop_table.cart td.product-name .backorder_notification {
	margin: .5rem 0 0 !important;
	font-size: 1rem;
	font-weight: 600;
	color: var(--apg-accent-dark);
}

/* Unit price + line subtotal — CreatoDisplay to match product/related pages */
.apg-cart .shop_table.cart td.product-price,
.apg-cart .shop_table.cart td.product-subtotal {
	flex: 0 0 110px;
	text-align: right;
	font-family: 'CreatoDisplay', sans-serif;
	font-size: 1rem;
	color: var(--apg-ink);
	font-variant-numeric: tabular-nums;
}
.apg-cart .shop_table.cart td.product-price {
	color: var(--apg-muted);
	font-weight: 600;
}
.apg-cart .shop_table.cart td.product-subtotal {
	font-weight: 700;
	font-size: 1.08rem;
	color: var(--apg-navy);
}
.apg-cart .shop_table.cart td.product-price .amount,
.apg-cart .shop_table.cart td.product-subtotal .amount { white-space: nowrap; }

/* Quantity stepper — JS wraps the qty input in .apg-qty with - / + buttons */
.apg-cart .shop_table.cart td.product-quantity {
	flex: 0 0 132px;
	text-align: center;
}
.apg-cart .shop_table.cart .quantity {
	display: inline-flex !important;
	align-items: stretch;
	background: transparent;
	border: 0;
	padding: 0;
}
.apg-cart .shop_table.cart .apg-qty {
	display: inline-flex;
	align-items: stretch;
	border: 1px solid var(--apg-line-2);
	border-radius: var(--apg-radius-sm);
	background: var(--apg-surface);
	overflow: hidden;
	height: 42px;
	transition: border-color .18s var(--apg-ease), box-shadow .18s var(--apg-ease);
}
.apg-cart .shop_table.cart .apg-qty:focus-within {
	border-color: var(--apg-accent);
	box-shadow: 0 0 0 3px rgba(255, 147, 13, .15);
}
.apg-cart .shop_table.cart .apg-qty__btn {
	appearance: none;
	border: 0;
	background: var(--apg-surface-2);
	color: var(--apg-ink);
	width: 36px;
	font-size: 1.05rem;
	font-weight: 700;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background .15s var(--apg-ease), color .15s var(--apg-ease);
}
.apg-cart .shop_table.cart .apg-qty__btn:hover { background: var(--apg-accent); color: #fff; }
.apg-cart .shop_table.cart .apg-qty__btn:active { transform: scale(.94); }
.apg-cart .shop_table.cart .apg-qty .input-text.qty {
	width: 44px !important;
	height: 100% !important;
	text-align: center;
	font-size: 1rem;
	font-weight: 700;
	color: var(--apg-ink);
	border: 0 !important;
	border-radius: 0 !important;
	background: var(--apg-surface);
	-moz-appearance: textfield;
	appearance: textfield;
	padding: 0 !important;
}
.apg-cart .shop_table.cart .apg-qty .input-text.qty::-webkit-outer-spin-button,
.apg-cart .shop_table.cart .apg-qty .input-text.qty::-webkit-inner-spin-button {
	-webkit-appearance: none;
	appearance: none;
	margin: 0;
}
.apg-cart .shop_table.cart .apg-qty .input-text.qty:focus {
	outline: none;
	box-shadow: none;
}

/* Remove control */
.apg-cart .shop_table.cart td.product-remove {
	flex: 0 0 44px;
	text-align: center;
}
.apg-cart .shop_table.cart td.product-remove a.remove {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	font-size: 1rem;
	color: var(--apg-faint) !important;
	background: var(--apg-surface-2);
	border: 1px solid var(--apg-line);
	transition: all .2s var(--apg-ease);
	text-indent: 0;
	line-height: 1;
}
.apg-cart .shop_table.cart td.product-remove a.remove:hover {
	color: #fff !important;
	background: #b91c1c;
	border-color: #b91c1c;
	transform: scale(1.06);
}

/* ============================================================
   Actions footer — coupon + continue shopping + update cart
   ============================================================ */
.apg-cart .shop_table.cart tr > td.actions {
	display: flex !important;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	flex-wrap: wrap;
	padding-top: 1.25rem !important;
	width: 100%;
	border: 0 !important;
}
.apg-cart .shop_table.cart td.actions .coupon {
	display: flex;
	align-items: stretch;
	gap: .5rem;
	margin-right: auto;
	background: var(--apg-surface-2);
	border: 1px dashed var(--apg-line-2);
	border-radius: var(--apg-radius-sm);
	padding: .55rem .6rem;
}
.apg-cart .shop_table.cart td.actions .coupon label {
	display: none;
}
.apg-cart .shop_table.cart #coupon_code {
	height: 42px;
	width: 170px;
	color: var(--apg-ink);
	border: 1px solid var(--apg-line-2);
	border-radius: var(--apg-radius-sm);
	padding: 0 .85rem;
	font-size: 1rem;
	background: var(--apg-surface);
	transition: border-color .18s var(--apg-ease), box-shadow .18s var(--apg-ease);
}
.apg-cart .shop_table.cart #coupon_code::placeholder { color: var(--apg-faint); }
.apg-cart .shop_table.cart #coupon_code:focus {
	outline: none;
	border-color: var(--apg-accent);
	box-shadow: 0 0 0 3px rgba(255, 147, 13, .15);
}
.apg-cart .apg-cart-actions-buttons {
	display: flex;
	align-items: center;
	gap: .6rem;
	flex-wrap: wrap;
}
/* Shared button base — coupon apply + update cart + continue shopping */
.apg-cart .shop_table.cart td.actions .coupon .button,
.apg-cart .shop_table.cart .actions .button,
.apg-cart .shop_table.cart .actions input.button {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: .5rem;
	white-space: nowrap;
	height: 2.6rem !important;
	min-width: 160px !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	margin: 0 !important;
	font-size: 1rem !important;
	font-weight: 600 !important;
	color: #fff !important;
	background-color: #ff930d !important;
	border: 3px solid #ff930d !important;
	border-radius: 10rem !important;
}
.apg-cart .shop_table.cart td.actions .coupon .button:hover,
.apg-cart .shop_table.cart .actions .button:hover,
.apg-cart .shop_table.cart .actions input.button:hover {
	background: #e17f00 !important;
	border-color: #e17f00 !important;
}
.apg-cart .shop_table.cart .actions .continue_shop {
	background: #fff !important;
	color: #001740 !important;
	border: 3px solid #d6dae0 !important;
}
.apg-cart .shop_table.cart .actions .continue_shop:hover {
	background: #fff !important;
	border-color: #ff930d !important;
	color: #e17f00 !important;
}

/* ============================================================
   Order summary sidebar (sticky)
   ============================================================ */
.apg-cart-aside {
	position: relative;
}
@media (min-width: 1200px) {
	.apg-cart-aside {
		position: sticky;
		top: 1.5rem;
	}
}

.apg-cart .cart-collaterals {
	background: var(--apg-surface);
	border: 1px solid var(--apg-line);
	border-radius: var(--apg-radius);
	box-shadow: var(--apg-shadow-md);
	padding: 1.5rem;
	overflow: hidden;
	width: 100% !important;
	max-width: none !important;
	float: none !important;
}

.apg-cart .cart-collaterals > * { padding: 0; }

.apg-cart .cart-collaterals h2,
.apg-cart .cart_totals h2 {
	font-family: 'CreatoDisplay', sans-serif;
	font-weight: 800 !important;
	font-size: 1.25rem !important;
	text-transform: none !important;
	letter-spacing: -.01em;
	color: var(--apg-navy) !important;
	border-bottom: 0 !important;
	padding: 0 0 1.1rem !important;
	margin: 0 !important;
	display: flex;
	align-items: center;
	gap: .55rem;
}
/* No ::before arrow on the cart totals heading — keep it clean. */
.apg-cart .cart-collaterals h2::before,
.apg-cart .cart_totals h2::before,
.gutenberg_wrapper .apg-cart .cart-collaterals h2::before,
.gutenberg_wrapper .apg-cart .cart_totals h2::before {
	content: none !important;
	display: none !important;
	background: none !important;
}

/* Totals table */
.apg-cart .cart_totals table {
	width: 100% !important;
	border: 0 !important;
	border-collapse: collapse;
	background: transparent !important;
}
.apg-cart .cart_totals tr {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 1rem;
	border-bottom: 1px dashed var(--apg-line);
	padding: .7rem 0;
}
.apg-cart .cart_totals tr:last-of-type { border-bottom: 0; }
.apg-cart .cart_totals tr th,
.apg-cart .cart_totals tr td {
	border: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	font-weight: 400;
	text-align: right;
	font-size: 1rem;
	color: var(--apg-ink-2);
	font-variant-numeric: tabular-nums;
}
.apg-cart .cart_totals tr th {
	text-align: left;
	color: var(--apg-muted);
	font-weight: 600;
}
.apg-cart .cart_totals tr td .amount {
	white-space: nowrap;
	font-family: 'CreatoDisplay', sans-serif;
}

/* Subtotal row */
.apg-cart .cart_totals tr.cart-subtotal td { color: var(--apg-ink); font-weight: 600; }

/* Shipping rows */
.apg-cart .cart_totals tr.shipping,
.apg-cart .cart_totals tr.shipping-price {
	flex-wrap: wrap;
}
.apg-cart .cart_totals tr.shipping td { width: 100%; padding-top: .35rem !important; }

.apg-cart .shipping-calculator-button {
	display: inline-flex;
	align-items: center;
	gap: .3rem;
	color: var(--apg-accent-dark) !important;
	font-size: 1rem !important;
	font-weight: 600;
	text-decoration: none;
	border-bottom: 1px dotted var(--apg-accent);
	padding-bottom: 1px;
	transition: color .18s var(--apg-ease);
}
.apg-cart .shipping-calculator-button:hover { color: var(--apg-accent) !important; }

/* Total row — the hero of the summary */
.apg-cart .cart_totals tr.order-total {
	border-top: 2px solid var(--apg-navy) !important;
	border-bottom: 0 !important;
	margin-top: .5rem;
	padding-top: 1.1rem !important;
	padding-bottom: 1.1rem !important;
	align-items: center;
}
.apg-cart .cart_totals tr.order-total th {
	font-family: 'CreatoDisplay', sans-serif;
	font-weight: 800 !important;
	text-transform: uppercase;
	font-size: 1rem !important;
	letter-spacing: .04em;
	color: var(--apg-navy) !important;
}
.apg-cart .cart_totals tr.order-total td strong {
	font-family: 'CreatoDisplay', sans-serif;
	font-size: 1.85rem !important;
	font-weight: 800 !important;
	color: var(--apg-navy) !important;
	line-height: 1;
}
.apg-cart .cart_totals tr.order-total td .woocommerce-Price-amount { font-weight: 800 !important; }

/* Proceed to checkout */
.apg-cart .wc-proceed-to-checkout {
	border-top: 0 !important;
	margin-top: 0 !important;
	padding: 1.25rem 0 1.5rem !important;
	text-align: center;
}

.apg-cart .checkout-button,
.apg-cart a.checkout-button.button {
	display: flex !important;
	align-items: center;
	justify-content: center;
	gap: .55rem;
	width: 100% !important;
	max-width: none !important;
	min-width: 0 !important;
	height: 3.125rem !important;
	font-size: 1.25rem !important;
	font-weight: 600 !important;
	letter-spacing: .01em;
	text-transform: none !important;
	color: #fff !important;
	background-color: #ff930d !important;
	border: 3px solid #ff930d !important;
	border-radius: 10rem !important;
	padding: 0 1.5rem !important;
}
.apg-cart .checkout-button::after,
.apg-cart a.checkout-button.button::after {
	content: "\f061";
	font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "FontAwesome";
	font-weight: 900;
	font-size: 1rem;
	line-height: 1;
	display: inline-flex;
	align-items: center;
	transition: transform .2s var(--apg-ease);
}
.apg-cart .checkout-button:hover,
.apg-cart a.checkout-button.button:hover {
	background: #e17f00 !important;
	border-color: #e17f00 !important;
}
.apg-cart .checkout-button:hover::after,
.apg-cart a.checkout-button.button:hover::after { transform: translateX(4px); }

/* ============================================================
   Shipping calculator form (revealed by "Calculate shipping")
   ============================================================ */
.apg-cart .shipping-calculator-form {
	background: var(--apg-surface-3);
	border: 1px solid var(--apg-line);
	border-radius: var(--apg-radius-sm);
	padding: 1rem;
	margin-top: .75rem;
	width: 100%;
	box-sizing: border-box;
}
.apg-cart .shipping-calculator-form p {
	display: block !important;
	float: none !important;
	width: 100% !important;
	margin: 0 0 .75rem !important;
	clear: both;
}
.apg-cart .shipping-calculator-form p:last-of-type { margin-bottom: 0 !important; }
.apg-cart .shipping-calculator-form .form-row label {
	display: block;
	font-size: .72rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .04em;
	color: var(--apg-muted);
	margin-bottom: .3rem;
}
.apg-cart .shipping-calculator-form input.input-text,
.apg-cart .shipping-calculator-form select {
	width: 100%;
	height: 40px;
	color: var(--apg-ink);
	border: 1px solid var(--apg-line-2);
	border-radius: var(--apg-radius-sm);
	padding: 0 .75rem;
	font-size: 1rem;
	box-sizing: border-box;
	background: var(--apg-surface);
}
.apg-cart .shipping-calculator-form input.input-text:focus,
.apg-cart .shipping-calculator-form select:focus {
	outline: none;
	border-color: var(--apg-accent);
	box-shadow: 0 0 0 3px rgba(255, 147, 13, .15);
}
.apg-cart .shipping-calculator-form .select2-container { width: 100% !important; }
.apg-cart .shipping-calculator-form .select2-container--default .select2-selection--single {
	height: 40px;
	border: 1px solid var(--apg-line-2);
	border-radius: var(--apg-radius-sm);
	background: var(--apg-surface);
}
.apg-cart .shipping-calculator-form .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: var(--apg-ink);
	font-size: 1rem;
	line-height: 38px;
	padding-left: .75rem;
}
.apg-cart .shipping-calculator-form .select2-container--default .select2-selection--single .select2-selection__arrow { height: 38px; }
.apg-cart .shipping-calculator-form .select2-container--default.select2-container--focus .select2-selection--single,
.apg-cart .shipping-calculator-form .select2-container--default.select2-container--open .select2-selection--single {
	border-color: var(--apg-accent);
}
.apg-cart .shipping-calculator-form .button {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 2.6rem !important;
	min-width: 0 !important;
	margin-top: .25rem !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	font-size: 1rem !important;
	font-weight: 600 !important;
	color: #fff !important;
	background-color: #ff930d !important;
	border: 3px solid #ff930d !important;
	border-radius: 10rem !important;
}
.apg-cart .shipping-calculator-form .button:hover {
	background: #e17f00 !important;
	border-color: #e17f00 !important;
}

/* ============================================================
   Shipping method radio options
   ============================================================ */
.apg-cart #shipping_method {
	list-style: none;
	margin: .5rem 0 0;
	padding: 0;
	display: grid;
	gap: .4rem;
}
.apg-cart #shipping_method li {
	position: relative;
	margin: 0;
	padding: .5rem .75rem .5rem 2rem;
	background: var(--apg-surface);
	border: 1px solid var(--apg-line);
	border-radius: var(--apg-radius-sm);
	font-size: 1rem;
	color: var(--apg-ink-2);
	transition: border-color .2s var(--apg-ease), background .2s var(--apg-ease);
}
.apg-cart #shipping_method li:hover { border-color: var(--apg-line-2); }
.apg-cart #shipping_method input[type="radio"] {
	position: absolute;
	left: .6rem;
	top: 50%;
	transform: translateY(-50%);
	width: 16px;
	height: 16px;
	margin: 0;
	opacity: 0;
}
.apg-cart #shipping_method input[type="radio"] + label {
	display: block;
	cursor: pointer;
	line-height: 1.4;
	color: var(--apg-ink-2);
	font-weight: 500;
}
.apg-cart #shipping_method input[type="radio"] + label::before {
	content: "";
	position: absolute;
	left: .6rem;
	top: 50%;
	transform: translateY(-50%);
	width: 16px;
	height: 16px;
	border: 2px solid var(--apg-line-2);
	border-radius: 50%;
	background: var(--apg-surface);
	transition: border-color .2s var(--apg-ease);
}
.apg-cart #shipping_method input[type="radio"] + label::after {
	content: "";
	position: absolute;
	left: calc(.6rem + 4px);
	top: 50%;
	transform: translateY(-50%) scale(0);
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--apg-accent);
	transition: transform .2s var(--apg-ease);
}
.apg-cart #shipping_method input[type="radio"]:checked + label { color: var(--apg-navy); font-weight: 700; }
.apg-cart #shipping_method input[type="radio"]:checked + label::before { border-color: var(--apg-accent); }
.apg-cart #shipping_method input[type="radio"]:checked + label::after { transform: translateY(-50%) scale(1); }
.apg-cart #shipping_method input[type="radio"]:focus-visible + label::before {
	box-shadow: 0 0 0 3px rgba(255, 147, 13, .25);
}
.apg-cart #shipping_method li:has(input[type="radio"]:checked) {
	border-color: var(--apg-accent);
	background: rgba(255, 147, 13, .05);
}

/* ============================================================
   WooCommerce notices / messages on the cart page
   ============================================================ */
/* Notices rendered outside .apg-cart by woocommerce_before_cart hook
   (e.g. "item removed" + Undo link) — styled to match the cart design. */
.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-info,
.woocommerce-notices-wrapper .woocommerce-error {
	border-radius: var(--apg-radius-sm) !important;
	border-left: 4px solid var(--apg-accent) !important;
	background: var(--apg-surface) !important;
	color: var(--apg-ink) !important;
	box-shadow: var(--apg-shadow-sm);
	padding: 1rem 1.25rem !important;
	margin-bottom: 1.5rem !important;
	font-size: 1rem;
	list-style: none;
}
.woocommerce-notices-wrapper .woocommerce-error { border-left-color: #b91c1c !important; }
.woocommerce-notices-wrapper .woocommerce-message::before,
.woocommerce-notices-wrapper .woocommerce-info::before { color: var(--apg-accent) !important; }
.woocommerce-notices-wrapper .woocommerce-error::before { color: #b91c1c !important; }
.woocommerce-notices-wrapper .woocommerce-message .restore-item,
.woocommerce-notices-wrapper .woocommerce-message a {
	color: var(--apg-accent-dark) !important;
	font-weight: 600;
	text-decoration: none;
}
.woocommerce-notices-wrapper .woocommerce-message .restore-item:hover,
.woocommerce-notices-wrapper .woocommerce-message a:hover {
	color: var(--apg-accent) !important;
	text-decoration: underline;
}
/* Hide the duplicate "Your cart is currently empty" notice — the custom
   .apg-cart-empty template below already shows this message. */
.woocommerce-notices-wrapper .cart-empty.woocommerce-info {
	display: none !important;
}

/* Notices inside .apg-cart */
.apg-cart .woocommerce-message,
.apg-cart .woocommerce-info,
.apg-cart .woocommerce-error {
	border-radius: var(--apg-radius-sm) !important;
	border-left: 4px solid var(--apg-accent) !important;
	background: var(--apg-surface) !important;
	color: var(--apg-ink) !important;
	box-shadow: var(--apg-shadow-sm);
	padding: 1rem 1.25rem !important;
	margin-bottom: 1.5rem !important;
	font-size: 1rem;
}
.apg-cart .woocommerce-error { border-left-color: #b91c1c !important; }
.apg-cart .woocommerce-message::before,
.apg-cart .woocommerce-info::before { color: var(--apg-accent) !important; }
.apg-cart .woocommerce-error::before { color: #b91c1c !important; }

/* ============================================================
   Empty cart state
   ============================================================ */
.apg-cart-empty {
	max-width: 640px;
	margin: 0 auto;
	padding: 3rem 1.5rem 5rem;
	text-align: center;
}
.apg-cart-empty__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 110px;
	height: 110px;
	border-radius: 50%;
	background:
		radial-gradient(120% 90% at 50% 18%, #ffffff 0%, var(--apg-surface-2) 78%);
	border: 1px solid var(--apg-line);
	box-shadow: var(--apg-shadow-sm);
	color: var(--apg-accent);
	font-size: 2.6rem;
	margin-bottom: 1.75rem;
}
.apg-cart-empty__title {
	font-family: 'CreatoDisplay', sans-serif;
	font-size: clamp(1.6rem, 3vw, 2.1rem) !important;
	font-weight: 800 !important;
	color: var(--apg-navy) !important;
	margin: 0 0 .75rem !important;
	line-height: 1.15;
	letter-spacing: -.02em;
	display: inline-flex;
	align-items: center;
	gap: .5rem;
}
.apg-cart-empty__text {
	font-size: 1rem;
	line-height: 1.7;
	color: var(--apg-muted);
	margin: 0 0 2rem !important;
}
.apg-cart-empty .return-to-shop {
	margin: 0;
}
.apg-cart-empty .return-to-shop .button {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: .55rem;
	min-width: 240px !important;
	height: 3.125rem !important;
	padding: 0 2rem !important;
	font-size: 1.25rem !important;
	font-weight: 600 !important;
	text-transform: none !important;
	color: #fff !important;
	background-color: #ff930d !important;
	border: 3px solid #ff930d !important;
	border-radius: 10rem !important;
}
.apg-cart-empty .return-to-shop .button::before {
	content: "\f061";
	font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "FontAwesome";
	font-weight: 900;
	font-size: 1rem;
	transition: transform .2s var(--apg-ease);
}
.apg-cart-empty .return-to-shop .button:hover {
	background: #e17f00 !important;
	border-color: #e17f00 !important;
}
.apg-cart-empty .return-to-shop .button:hover::before { transform: translateX(4px); }

/* ============================================================
   Responsive
   ============================================================ */

/* Below the two-column breakpoint: single column, summary not sticky */
@media (max-width: 1199px) {
	.apg-cart-aside { position: static; }
}

@media (max-width: 1199px) and (min-width: 768px) {
	.apg-cart .shop_table.cart thead th.product-thumbnail,
	.apg-cart .shop_table.cart td.product-thumbnail { flex: 0 0 80px; }
	.apg-cart .shop_table.cart td.product-thumbnail a { width: 72px; height: 72px; }
	.apg-cart .shop_table.cart thead th.product-price,
	.apg-cart .shop_table.cart thead th.product-subtotal,
	.apg-cart .shop_table.cart td.product-price,
	.apg-cart .shop_table.cart td.product-subtotal { flex: 0 0 90px; }
	.apg-cart .shop_table.cart thead th.product-quantity,
	.apg-cart .shop_table.cart td.product-quantity { flex: 0 0 116px; }
}

@media (max-width: 767px) {
	.apg-cart.woocommerce-cart { padding: .5rem 1rem 4rem; }
	.apg-cart-header { padding: 1rem 0 1.75rem; }

	/* Hide the desktop column headers on mobile */
	.apg-cart .shop_table.cart thead { display: none; }

	/* Stack each line item into a vertical card */
	.apg-cart .shop_table.cart tr.cart_item {
		flex-wrap: wrap;
		gap: .85rem;
		padding: 1rem;
	}
	.apg-cart .shop_table.cart td.product-thumbnail {
		flex: 0 0 76px;
	}
	.apg-cart .shop_table.cart td.product-thumbnail a {
		width: 76px;
		height: 76px;
	}
	.apg-cart .shop_table.cart td.product-name {
		flex: 1 1 calc(100% - 76px - 44px);
		order: 2;
		padding-right: 0 !important;
	}
	.apg-cart .shop_table.cart td.product-remove {
		order: 3;
		flex: 0 0 44px;
	}
	.apg-cart .shop_table.cart td.product-price,
	.apg-cart .shop_table.cart td.product-quantity,
	.apg-cart .shop_table.cart td.product-subtotal {
		flex: 1 1 auto;
	}
	.apg-cart .shop_table.cart td.product-price {
		order: 4;
		text-align: left;
		font-size: 1rem;
	}
	.apg-cart .shop_table.cart td.product-price::before {
		content: "Unit: ";
		color: var(--apg-faint);
		font-weight: 600;
		font-size: .72rem;
		text-transform: uppercase;
		letter-spacing: .04em;
	}
	.apg-cart .shop_table.cart td.product-quantity {
		order: 5;
		text-align: left;
		flex: 0 0 auto;
	}
	.apg-cart .shop_table.cart td.product-quantity::before {
		content: "Qty";
		display: inline-block;
		margin-right: .5rem;
		color: var(--apg-faint);
		font-weight: 600;
		font-size: .72rem;
		text-transform: uppercase;
		letter-spacing: .04em;
		vertical-align: middle;
	}
	.apg-cart .shop_table.cart td.product-subtotal {
		order: 6;
		text-align: right;
		flex-basis: 100%;
		border-top: 1px dashed var(--apg-line);
		padding-top: .75rem !important;
	}
	.apg-cart .shop_table.cart td.product-subtotal::before {
		content: "Subtotal ";
		color: var(--apg-faint);
		font-weight: 600;
		font-size: .72rem;
		text-transform: uppercase;
		letter-spacing: .04em;
		font-family: inherit;
	}

	/* Actions footer */
	.apg-cart .shop_table.cart tr > td.actions {
		flex-direction: column;
		align-items: stretch;
	}
	.apg-cart .shop_table.cart td.actions .coupon {
		margin-right: 0;
		flex-direction: column;
	}
	.apg-cart .shop_table.cart #coupon_code { width: 100%; }
	.apg-cart .shop_table.cart td.actions .coupon .button { width: 100%; }
	.apg-cart .apg-cart-actions-buttons {
		flex-direction: column;
		gap: .6rem;
	}
	.apg-cart .shop_table.cart .actions .button,
	.apg-cart .shop_table.cart .actions input.button {
		width: 100%;
	}
}

@media (max-width: 480px) {
	.apg-cart .shop_table.cart td.product-name {
		flex: 1 1 calc(100% - 44px - .85rem);
		order: 1;
	}
	.apg-cart .shop_table.cart td.product-remove {
		order: 1;
		flex: 0 0 44px;
	}
	.apg-cart .shop_table.cart td.product-thumbnail { order: 2; }
	.apg-cart .cart_totals tr.order-total td strong { font-size: 1.55rem !important; }
	.apg-cart-empty__icon { width: 90px; height: 90px; font-size: 2.1rem; }
}