/* ==========================================================================
   SPORTYLYTE CART & CHECKOUT STYLES
   Loaded conditionally on WooCommerce cart/checkout pages only.
   ========================================================================== */

/* ==========================================================================
   1. PAGE HEADER (Cart / Checkout)
   ========================================================================== */
.woocommerce-cart .entry-header,
.woocommerce-checkout .entry-header {
	background-color: var(--sl-color-primary);
	padding: var(--sl-space-10) 0;
	text-align: center;
	margin-bottom: var(--sl-space-8);
}

.woocommerce-cart .entry-title,
.woocommerce-checkout .entry-title {
	color: var(--sl-color-text-inverse);
	font-size: 2rem;
	margin: 0;
}

@media (min-width: 768px) {
	.woocommerce-cart .entry-title,
	.woocommerce-checkout .entry-title {
		font-size: 2.5rem;
	}
}

/* ==========================================================================
   2. CART PAGE LAYOUT
   ========================================================================== */
.woocommerce-cart .woocommerce,
.woocommerce-cart .site-main,
.woocommerce-cart main {
	max-width: var(--sl-container-width);
	margin: 0 auto;
	padding-left: var(--sl-space-6) !important;
	padding-right: var(--sl-space-6) !important;
	padding-bottom: var(--sl-space-16);
	box-sizing: border-box;
}

@media (min-width: 768px) {
	.woocommerce-cart .woocommerce,
	.woocommerce-cart .site-main,
	.woocommerce-cart main {
		padding-left: var(--sl-space-10) !important;
		padding-right: var(--sl-space-10) !important;
	}
}

@media (min-width: 1024px) {
	.woocommerce-cart .woocommerce,
	.woocommerce-cart .site-main,
	.woocommerce-cart main {
		padding-left: var(--sl-space-12) !important;
		padding-right: var(--sl-space-12) !important;
	}
}

/* ==========================================================================
   3. CART TABLE
   ========================================================================== */
.woocommerce table.shop_table {
	border: 1px solid var(--sl-color-border);
	border-radius: var(--sl-radius-md);
	border-collapse: separate;
	border-spacing: 0;
	overflow: hidden;
	width: 100%;
}

.woocommerce table.shop_table thead {
	background-color: var(--sl-color-surface);
}

.woocommerce table.shop_table thead th {
	font-family: var(--sl-font-heading);
	font-weight: 600;
	text-transform: uppercase;
	font-size: 0.75rem;
	letter-spacing: 0.1em;
	color: var(--sl-color-text-muted);
	padding: var(--sl-space-4) var(--sl-space-4);
	border-bottom: 1px solid var(--sl-color-border);
}

.woocommerce table.shop_table tbody td {
	padding: var(--sl-space-4);
	border-bottom: 1px solid var(--sl-color-border);
	vertical-align: middle;
}

.woocommerce table.shop_table tbody tr:last-child td {
	border-bottom: none;
}

/* Product Thumbnail in Cart */
.woocommerce table.shop_table .product-thumbnail img {
	width: 80px;
	height: 80px;
	object-fit: cover;
	border-radius: var(--sl-radius-sm);
}

@media (min-width: 768px) {
	.woocommerce table.shop_table .product-thumbnail img {
		width: 100px;
		height: 100px;
	}
}

/* Product Name in Cart */
.woocommerce table.shop_table .product-name a {
	font-family: var(--sl-font-heading);
	font-weight: 600;
	text-transform: uppercase;
	font-size: 0.9375rem;
	color: var(--sl-color-text);
}

.woocommerce table.shop_table .product-name a:hover {
	color: var(--sl-color-secondary);
}

/* Variation data */
.woocommerce table.shop_table .product-name .variation {
	margin-top: var(--sl-space-1);
}

.woocommerce table.shop_table .product-name .variation dt,
.woocommerce table.shop_table .product-name .variation dd {
	font-size: 0.8125rem;
	color: var(--sl-color-text-muted);
}

/* Product Price */
.woocommerce table.shop_table .product-price,
.woocommerce table.shop_table .product-subtotal {
	font-weight: 600;
	font-size: 0.9375rem;
}

/* Quantity Input */
.woocommerce table.shop_table .quantity .qty {
	width: 60px;
	text-align: center;
	padding: var(--sl-space-2);
	border: 1px solid var(--sl-color-border);
	border-radius: var(--sl-radius-sm);
	font-size: 0.9375rem;
	font-weight: 600;
}

.woocommerce table.shop_table .quantity .qty:focus {
	border-color: var(--sl-color-secondary);
	outline: none;
	box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}

/* Remove Button */
.woocommerce table.shop_table .product-remove .remove {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: var(--sl-radius-full);
	border: 1px solid var(--sl-color-border);
	color: var(--sl-color-text-muted) !important;
	font-size: 1.25rem;
	text-decoration: none;
	transition: var(--sl-transition);
	background: none;
}

.woocommerce table.shop_table .product-remove .remove:hover {
	background-color: var(--sl-color-error);
	border-color: var(--sl-color-error);
	color: var(--sl-color-text-inverse) !important;
}

/* ==========================================================================
   4. CART ACTIONS (Coupon + Update)
   ========================================================================== */
.woocommerce table.shop_table td.actions {
	padding: var(--sl-space-6) var(--sl-space-4);
}

.woocommerce .coupon {
	display: flex;
	gap: var(--sl-space-2);
	flex-wrap: wrap;
	margin-bottom: var(--sl-space-4);
}

.woocommerce .coupon .input-text {
	flex: 1;
	min-width: 180px;
	padding: var(--sl-space-3) var(--sl-space-4);
	border: 1px solid var(--sl-color-border);
	border-radius: var(--sl-radius-sm);
	font-size: 0.875rem;
	font-family: var(--sl-font-body);
}

.woocommerce .coupon .input-text:focus {
	border-color: var(--sl-color-secondary);
	outline: none;
	box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}

.woocommerce .coupon .button {
	white-space: nowrap;
}

.woocommerce td.actions .button[name="update_cart"] {
	float: right;
	background-color: transparent;
	color: var(--sl-color-text);
	border: 1px solid var(--sl-color-border);
}

.woocommerce td.actions .button[name="update_cart"]:hover {
	background-color: var(--sl-color-primary);
	color: var(--sl-color-text-inverse);
	border-color: var(--sl-color-primary);
}

.woocommerce td.actions .button[name="update_cart"]:disabled {
	opacity: 0.4;
	cursor: not-allowed;
}

/* ==========================================================================
   5. CART COLLATERALS (Totals Sidebar)
   ========================================================================== */
.woocommerce .cart-collaterals {
	margin-top: var(--sl-space-8);
}

@media (min-width: 768px) {
	.woocommerce-cart .woocommerce > form + .cart-collaterals,
	.woocommerce-cart .woocommerce {
		/* No custom grid here — WC default flow works well with the totals block */
	}
}

/* Cart Totals Table */
.woocommerce .cart_totals {
	max-width: 480px;
	margin-left: auto;
}

@media (min-width: 1024px) {
	.woocommerce .cart_totals {
		position: sticky;
		top: 100px;
	}
}

.woocommerce .cart_totals h2 {
	font-size: 1.25rem;
	margin-bottom: var(--sl-space-4);
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.woocommerce .cart_totals table.shop_table {
	margin-bottom: var(--sl-space-6);
}

.woocommerce .cart_totals table.shop_table th {
	font-family: var(--sl-font-heading);
	font-weight: 600;
	text-transform: uppercase;
	font-size: 0.8125rem;
	letter-spacing: 0.05em;
	color: var(--sl-color-text-muted);
	padding: var(--sl-space-4);
	text-align: left;
	width: 40%;
}

.woocommerce .cart_totals table.shop_table td {
	padding: var(--sl-space-4);
	text-align: right;
}

.woocommerce .cart_totals .order-total th,
.woocommerce .cart_totals .order-total td {
	font-size: 1.125rem;
	font-weight: 700;
	color: var(--sl-color-text);
}

/* Proceed to Checkout Button */
.woocommerce .wc-proceed-to-checkout {
	padding: 0;
}

.woocommerce .wc-proceed-to-checkout .checkout-button {
	display: block;
	width: 100%;
	text-align: center;
	padding: var(--sl-space-4) var(--sl-space-8) !important;
	font-size: 1rem !important;
	letter-spacing: 0.08em;
}

.woocommerce .wc-proceed-to-checkout .checkout-button:hover {
	transform: translateY(-2px);
	box-shadow: var(--sl-shadow-md);
}

/* Continue Shopping Link */
.sl-continue-shopping {
	display: inline-flex;
	align-items: center;
	gap: var(--sl-space-2);
	margin-bottom: var(--sl-space-6);
	font-family: var(--sl-font-heading);
	font-weight: 600;
	text-transform: uppercase;
	font-size: 0.8125rem;
	letter-spacing: 0.05em;
	color: var(--sl-color-text-muted);
}

.sl-continue-shopping:hover {
	color: var(--sl-color-secondary);
}

/* ==========================================================================
   6. EMPTY CART
   ========================================================================== */
.woocommerce-cart .cart-empty {
	text-align: center;
	padding: var(--sl-space-16) var(--sl-space-4);
}

.woocommerce-cart .cart-empty.woocommerce-info {
	border: none;
	background: none;
	font-size: 1.25rem;
	color: var(--sl-color-text-muted);
	max-width: 500px;
	margin: 0 auto var(--sl-space-6);
}

.woocommerce-cart .cart-empty.woocommerce-info::before {
	display: none;
}

.woocommerce-cart .return-to-shop {
	text-align: center;
}

.woocommerce-cart .return-to-shop .button {
	padding: var(--sl-space-4) var(--sl-space-8) !important;
	font-size: 1rem !important;
}

/* ==========================================================================
   7. SHIPPING CALCULATOR
   ========================================================================== */
.woocommerce .shipping-calculator-form {
	margin-top: var(--sl-space-4);
}

.woocommerce .shipping-calculator-form p {
	margin-bottom: var(--sl-space-3);
}

.woocommerce .shipping-calculator-form select,
.woocommerce .shipping-calculator-form input[type="text"] {
	width: 100%;
	padding: var(--sl-space-3);
	border: 1px solid var(--sl-color-border);
	border-radius: var(--sl-radius-sm);
	font-family: var(--sl-font-body);
	font-size: 0.9375rem;
}

.woocommerce .shipping-calculator-form select:focus,
.woocommerce .shipping-calculator-form input[type="text"]:focus {
	border-color: var(--sl-color-secondary);
	outline: none;
	box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}

/* ==========================================================================
   8. CROSS-SELLS
   ========================================================================== */
.woocommerce .cross-sells {
	margin-top: var(--sl-space-12);
}

.woocommerce .cross-sells > h2 {
	font-size: 1.5rem;
	margin-bottom: var(--sl-space-6);
}

/* ==========================================================================
   9. CHECKOUT — PAGE LAYOUT
   ========================================================================== */
.woocommerce-checkout .woocommerce,
.woocommerce-checkout .site-main,
.woocommerce-checkout main {
	max-width: var(--sl-container-width);
	margin: 0 auto;
	padding-left: var(--sl-space-6) !important;
	padding-right: var(--sl-space-6) !important;
	padding-bottom: var(--sl-space-16);
	box-sizing: border-box;
}

@media (min-width: 768px) {
	.woocommerce-checkout .woocommerce,
	.woocommerce-checkout .site-main,
	.woocommerce-checkout main {
		padding-left: var(--sl-space-10) !important;
		padding-right: var(--sl-space-10) !important;
	}
}

@media (min-width: 1024px) {
	.woocommerce-checkout .woocommerce,
	.woocommerce-checkout .site-main,
	.woocommerce-checkout main {
		padding-left: var(--sl-space-12) !important;
		padding-right: var(--sl-space-12) !important;
	}
}

/* Checkout 2-column layout */
.woocommerce form.woocommerce-checkout {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--sl-space-8);
}

@media (min-width: 1024px) {
	.woocommerce form.woocommerce-checkout {
		grid-template-columns: 1.3fr 1fr;
		gap: var(--sl-space-12);
	}
}

/* Customer details span full width on mobile, left column on desktop */
.woocommerce form.woocommerce-checkout #customer_details {
	grid-column: 1;
}

/* Order review spans right column on desktop */
.woocommerce form.woocommerce-checkout #order_review_heading,
.woocommerce form.woocommerce-checkout .woocommerce-checkout-review-order {
	grid-column: 1;
}

@media (min-width: 1024px) {
	.woocommerce form.woocommerce-checkout #order_review_heading,
	.woocommerce form.woocommerce-checkout .woocommerce-checkout-review-order {
		grid-column: 2;
	}

	/* Make order review sticky */
	.woocommerce form.woocommerce-checkout .woocommerce-checkout-review-order {
		position: sticky;
		top: 100px;
	}
}

/* ==========================================================================
   10. CHECKOUT — CUSTOMER DETAILS (col2-set)
   ========================================================================== */
.woocommerce .col2-set {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--sl-space-8);
}

.woocommerce .col2-set .col-1,
.woocommerce .col2-set .col-2 {
	width: 100%;
	float: none;
}

/* ==========================================================================
   11. CHECKOUT — FORM FIELDS
   ========================================================================== */
.woocommerce-checkout h3 {
	font-size: 1.25rem;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	margin-bottom: var(--sl-space-6);
	padding-bottom: var(--sl-space-3);
	border-bottom: 2px solid var(--sl-color-primary);
}

.woocommerce form .form-row {
	margin-bottom: var(--sl-space-4);
}

.woocommerce form .form-row label {
	font-family: var(--sl-font-heading);
	font-weight: 600;
	font-size: 0.8125rem;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	color: var(--sl-color-text);
	margin-bottom: var(--sl-space-1);
	display: block;
}

.woocommerce form .form-row label .required {
	color: var(--sl-color-error);
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
	width: 100%;
	padding: var(--sl-space-3) var(--sl-space-4);
	border: 1px solid var(--sl-color-border);
	border-radius: var(--sl-radius-sm);
	font-family: var(--sl-font-body);
	font-size: 0.9375rem;
	color: var(--sl-color-text);
	background-color: var(--sl-color-bg);
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus {
	border-color: var(--sl-color-secondary);
	outline: none;
	box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}

/* Validation states */
.woocommerce form .form-row.woocommerce-invalid input.input-text,
.woocommerce form .form-row.woocommerce-invalid select {
	border-color: var(--sl-color-error);
}

.woocommerce form .form-row.woocommerce-invalid input.input-text:focus,
.woocommerce form .form-row.woocommerce-invalid select:focus {
	box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);
}

.woocommerce form .form-row.woocommerce-validated input.input-text,
.woocommerce form .form-row.woocommerce-validated select {
	border-color: var(--sl-color-success);
}

/* Two-column field rows */
.woocommerce form .form-row-first,
.woocommerce form .form-row-last {
	width: 100%;
	float: none;
}

@media (min-width: 640px) {
	.woocommerce .col2-set .col-1,
	.woocommerce .col2-set .col-2 {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 0 var(--sl-space-4);
	}

	/* Fields that should span full width */
	.woocommerce .form-row-wide {
		grid-column: 1 / -1;
	}

	/* h3 headings inside billing/shipping */
	.woocommerce .col2-set h3 {
		grid-column: 1 / -1;
	}
}

/* ==========================================================================
   12. CHECKOUT — ORDER REVIEW TABLE
   ========================================================================== */
.woocommerce-checkout-review-order-table {
	margin-bottom: var(--sl-space-6);
}

.woocommerce-checkout-review-order-table thead th {
	font-family: var(--sl-font-heading);
	font-weight: 600;
	text-transform: uppercase;
	font-size: 0.75rem;
	letter-spacing: 0.1em;
}

.woocommerce-checkout-review-order-table .cart_item td {
	font-size: 0.9375rem;
}

.woocommerce-checkout-review-order-table .cart_item .product-name {
	font-weight: 500;
}

.woocommerce-checkout-review-order-table .order-total th,
.woocommerce-checkout-review-order-table .order-total td {
	font-size: 1.25rem;
	font-weight: 700;
}

/* ==========================================================================
   13. CHECKOUT — PAYMENT
   ========================================================================== */
#payment {
	background-color: var(--sl-color-surface);
	border: 1px solid var(--sl-color-border);
	border-radius: var(--sl-radius-md);
	padding: var(--sl-space-6);
}

#payment ul.payment_methods {
	list-style: none;
	padding: 0;
	margin: 0 0 var(--sl-space-6);
	border-bottom: 1px solid var(--sl-color-border);
}

#payment ul.payment_methods li {
	padding: var(--sl-space-4) 0;
	border-bottom: 1px solid var(--sl-color-border);
}

#payment ul.payment_methods li:last-child {
	border-bottom: none;
}

#payment ul.payment_methods li label {
	font-family: var(--sl-font-heading);
	font-weight: 600;
	font-size: 0.9375rem;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: var(--sl-space-3);
}

#payment ul.payment_methods li input[type="radio"] {
	accent-color: var(--sl-color-secondary);
}

#payment .payment_box {
	padding: var(--sl-space-4);
	margin-top: var(--sl-space-3);
	background-color: var(--sl-color-bg);
	border-radius: var(--sl-radius-sm);
	font-size: 0.875rem;
	color: var(--sl-color-text-muted);
}

/* Place Order Button */
#payment #place_order {
	display: block;
	width: 100%;
	padding: var(--sl-space-4) var(--sl-space-8) !important;
	font-size: 1.125rem !important;
	letter-spacing: 0.08em;
	margin-top: var(--sl-space-4);
}

#payment #place_order:hover {
	transform: translateY(-2px);
	box-shadow: var(--sl-shadow-md);
}

/* Privacy / Terms text */
.woocommerce-terms-and-conditions-wrapper {
	margin: var(--sl-space-4) 0;
	font-size: 0.8125rem;
	color: var(--sl-color-text-muted);
}

.woocommerce-terms-and-conditions-wrapper a {
	color: var(--sl-color-secondary);
}

/* ==========================================================================
   14. CHECKOUT TRUST BADGES
   ========================================================================== */
.sl-checkout-trust {
	display: flex;
	justify-content: center;
	gap: var(--sl-space-6);
	flex-wrap: wrap;
	padding: var(--sl-space-6) 0;
	margin-top: var(--sl-space-6);
	border-top: 1px solid var(--sl-color-border);
}

.sl-checkout-trust-item {
	display: flex;
	align-items: center;
	gap: var(--sl-space-2);
	font-size: 0.75rem;
	color: var(--sl-color-text-muted);
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-weight: 600;
}

.sl-checkout-trust-item svg {
	color: var(--sl-color-success);
	flex-shrink: 0;
}

/* ==========================================================================
   15. CHECKOUT COUPON FORM
   ========================================================================== */
.woocommerce form.checkout_coupon {
	border: 1px solid var(--sl-color-border);
	border-radius: var(--sl-radius-md);
	padding: var(--sl-space-4) var(--sl-space-6);
	margin-bottom: var(--sl-space-6);
	display: flex;
	gap: var(--sl-space-3);
	flex-wrap: wrap;
	align-items: flex-end;
}

.woocommerce form.checkout_coupon p:first-child {
	width: 100%;
	margin-bottom: var(--sl-space-2);
}

.woocommerce form.checkout_coupon .form-row {
	margin: 0;
}

.woocommerce form.checkout_coupon .form-row-first {
	flex: 1;
	min-width: 200px;
}

.woocommerce form.checkout_coupon .form-row-last {
	flex: 0 0 auto;
}

/* ==========================================================================
   16. LOGIN FORM
   ========================================================================== */
.woocommerce form.login,
.woocommerce form.register {
	border: 1px solid var(--sl-color-border);
	border-radius: var(--sl-radius-md);
	padding: var(--sl-space-6);
	margin-bottom: var(--sl-space-6);
}

/* ==========================================================================
   17. NOTICES (Cart/Checkout specific)
   ========================================================================== */
.woocommerce-cart .woocommerce-message,
.woocommerce-checkout .woocommerce-message,
.woocommerce-cart .woocommerce-error,
.woocommerce-checkout .woocommerce-error,
.woocommerce-cart .woocommerce-info,
.woocommerce-checkout .woocommerce-info {
	padding: var(--sl-space-4) var(--sl-space-6);
	border-radius: var(--sl-radius-sm);
	margin-bottom: var(--sl-space-6);
	font-size: 0.9375rem;
}

/* ==========================================================================
   18. MOBILE RESPONSIVE TABLE
   ========================================================================== */
@media (max-width: 767px) {
	.woocommerce table.shop_table_responsive thead {
		display: none;
	}

	.woocommerce table.shop_table_responsive tbody td {
		display: flex;
		align-items: center;
		justify-content: space-between;
		text-align: right;
	}

	.woocommerce table.shop_table_responsive tbody td::before {
		content: attr(data-title);
		font-family: var(--sl-font-heading);
		font-weight: 600;
		text-transform: uppercase;
		font-size: 0.75rem;
		letter-spacing: 0.05em;
		color: var(--sl-color-text-muted);
	}

	.woocommerce table.shop_table_responsive tbody td.product-remove {
		justify-content: flex-end;
		border-bottom: none;
		padding-bottom: 0;
	}

	.woocommerce table.shop_table_responsive tbody td.product-remove::before {
		display: none;
	}

	.woocommerce table.shop_table_responsive tbody td.product-thumbnail {
		justify-content: center;
	}

	.woocommerce table.shop_table_responsive tbody td.product-thumbnail::before {
		display: none;
	}

	.woocommerce table.shop_table_responsive td.actions {
		flex-direction: column;
		text-align: center;
	}

	.woocommerce table.shop_table_responsive td.actions::before {
		display: none;
	}

	.woocommerce td.actions .button[name="update_cart"] {
		float: none;
		width: 100%;
	}

	.woocommerce .coupon {
		width: 100%;
	}

	.woocommerce .coupon .input-text {
		min-width: 0;
	}

	/* Cart totals full-width on mobile */
	.woocommerce .cart_totals {
		max-width: 100%;
	}
}

/* ==========================================================================
   19. ANIMATIONS
   ========================================================================== */
@media (prefers-reduced-motion: no-preference) {
	.woocommerce table.shop_table tbody tr {
		animation: slFadeInUp 0.4s ease both;
	}

	.woocommerce table.shop_table tbody tr:nth-child(1) { animation-delay: 0.05s; }
	.woocommerce table.shop_table tbody tr:nth-child(2) { animation-delay: 0.1s; }
	.woocommerce table.shop_table tbody tr:nth-child(3) { animation-delay: 0.15s; }
	.woocommerce table.shop_table tbody tr:nth-child(4) { animation-delay: 0.2s; }
	.woocommerce table.shop_table tbody tr:nth-child(5) { animation-delay: 0.25s; }
	.woocommerce table.shop_table tbody tr:nth-child(6) { animation-delay: 0.3s; }

	@keyframes slFadeInUp {
		from {
			opacity: 0;
			transform: translateY(12px);
		}
		to {
			opacity: 1;
			transform: none;
		}
	}

	/* Remove button hover scale */
	.woocommerce table.shop_table .product-remove .remove:active {
		transform: scale(0.9);
	}

	/* Checkout button pulse on hover */
	.woocommerce .wc-proceed-to-checkout .checkout-button:hover,
	#payment #place_order:hover {
		transform: translateY(-2px);
	}
}

/* ==========================================================================
   20. THANK YOU PAGE
   ========================================================================== */
.woocommerce-order-received .woocommerce {
	max-width: var(--sl-container-width);
	margin: 0 auto;
	padding: var(--sl-space-8) var(--sl-space-4) var(--sl-space-16);
}

@media (min-width: 768px) {
	.woocommerce-order-received .woocommerce {
		padding: var(--sl-space-8) var(--sl-space-6) var(--sl-space-16);
	}
}

.woocommerce-order-received .woocommerce-thankyou-order-received {
	font-size: 1.25rem;
	color: var(--sl-color-success);
	font-weight: 600;
	text-align: center;
	padding: var(--sl-space-6);
	background-color: var(--sl-color-surface);
	border: 1px solid var(--sl-color-border);
	border-radius: var(--sl-radius-md);
	margin-bottom: var(--sl-space-8);
}

.woocommerce-order-received .woocommerce-order-details {
	margin-top: var(--sl-space-8);
}

.woocommerce-order-received .woocommerce-order-details h2 {
	font-size: 1.25rem;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

/* ==========================================================================
   21. SELECT2 OVERRIDE (WooCommerce uses Select2 for country/state)
   ========================================================================== */
.woocommerce .select2-container .select2-selection--single {
	height: auto;
	padding: var(--sl-space-3) var(--sl-space-4);
	border: 1px solid var(--sl-color-border);
	border-radius: var(--sl-radius-sm);
}

.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 1.4;
	font-size: 0.9375rem;
	color: var(--sl-color-text);
	padding: 0;
}

.woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 100%;
}

.woocommerce .select2-container--open .select2-selection--single {
	border-color: var(--sl-color-secondary);
	box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}

.select2-dropdown {
	border-color: var(--sl-color-border);
	border-radius: var(--sl-radius-sm);
}

.select2-results__option--highlighted {
	background-color: var(--sl-color-secondary) !important;
}