/* =========================================================================
   UGL OZ replica - CART / CHECKOUT / ORDER-RECEIVED skin
   Owner: tuju-checkout (P6). Scope is limited to WooCommerce cart, checkout and
   order-received surfaces - nothing global.

   Depends on assets/css/tokens.css for --ugloz-* custom properties and for the
   shared `.woocommerce a.button` gold-button primitive. This file EXTENDS those,
   it does not re-declare them (tokens.css: "extend, don't fork"). Literal
   fallbacks are supplied in every var() so the file degrades gracefully if
   tokens.css is not present.

   Every value is measured from the source, not invented:
     E:\ugloz\scrape\source-cdp\design-tokens.json
     E:\ugloz\scrape\source-cdp\css\...inbio...rainbow-woocommerce.css
     E:\ugloz\scrape\source-cdp\html\cart-filled.html + checkout-filled.html
     E:\ugloz\scrape\_shots\desktop\cart.png + checkout.png
   ========================================================================= */

/* -------------------------------------------------------------------------
   1. Checkout two-column layout
   The source renders `.row > .col-xl-7` (customer details) + `.col-xl-5`
   (order review) - see woocommerce/checkout/form-checkout.php. Written to be
   self-sufficient so it holds with or without a Bootstrap grid, and scoped to
   form.checkout so a global .row is never touched.
   ---------------------------------------------------------------------- */

.woocommerce-checkout form.checkout > .row {
	display: flex;
	flex-wrap: wrap;
	margin-left: -15px;
	margin-right: -15px;
}

.woocommerce-checkout form.checkout > .row > .col-xl-7 {
	flex: 0 0 58.3333%;
	max-width: 58.3333%;
	padding-left: 15px;
	padding-right: 15px;
}

.woocommerce-checkout form.checkout > .row > .col-xl-5 {
	flex: 0 0 41.6667%;
	max-width: 41.6667%;
	padding-left: 15px;
	padding-right: 15px;
}

.woocommerce-checkout form.checkout #customer_details > .row {
	display: flex;
	flex-wrap: wrap;
	margin-left: -15px;
	margin-right: -15px;
}

.woocommerce-checkout form.checkout #customer_details > .row > .col-12 {
	flex: 0 0 100%;
	max-width: 100%;
	padding-left: 15px;
	padding-right: 15px;
}

/* Source keeps this spacer even though the shipping-fields block is empty
   (ship_to_destination = billing_only). Replicate-don't-fix. */
.woocommerce-checkout form.checkout #customer_details .mt--60 {
	margin-top: 60px;
}

@media (max-width: 1199px) {

	.woocommerce-checkout form.checkout > .row > .col-xl-7,
	.woocommerce-checkout form.checkout > .row > .col-xl-5 {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.woocommerce-checkout form.checkout > .row > .col-xl-5 {
		margin-top: 50px;
	}
}

/* -------------------------------------------------------------------------
   2. Section headings (Montserrat 700 / 30px / #c4cfde)
   ---------------------------------------------------------------------- */

.woocommerce-checkout .woocommerce-billing-fields > h3,
.woocommerce-checkout #order_review_heading,
.woocommerce-cart .cart_totals > h2,
.woocommerce-order-received .ugloz-payment-instructions h2 {
	font-family: var(--ugloz-font-secondary, "Montserrat", sans-serif);
	font-weight: var(--ugloz-w-bold, 700);
	font-size: var(--ugloz-h3, 30px);
	line-height: 1.3;
	color: var(--ugloz-heading, #c4cfde);
	margin: 0 0 30px;
}

/* Woo prints "Cart totals"; the source shows "Cart Totals" at 24px. */
.woocommerce-cart .cart_totals > h2 {
	font-size: var(--ugloz-h4, 24px);
	text-transform: capitalize;
	margin-bottom: 35px;
}

/* -------------------------------------------------------------------------
   3. Checkout intro note + invisible rule
   (emitted by wp-content/mu-plugins/ugloz-manual-gateways.php on
    woocommerce_before_checkout_billing_form; copy is verbatim from source)
   ---------------------------------------------------------------------- */

.woocommerce-checkout #billing_important_notice_field {
	font-family: var(--ugloz-font-primary, "Poppins", sans-serif);
	font-size: var(--ugloz-fs-body, 16px);
	line-height: var(--ugloz-lh-body, 30.4px);
	color: var(--ugloz-body, #878e99);
	margin: 0;
}

.woocommerce-checkout #billing_break_line_field {
	margin: 0;
}

/* The source renders no visible rule here - it reads as pure vertical rhythm. */
.woocommerce-checkout #billing_break_line_field hr {
	border: 0;
	height: 0;
	margin: 30px 0 0;
	background: none;
}

/* -------------------------------------------------------------------------
   4. Form rows / labels / inputs
   InBio forces form-row-first and form-row-last to full width, so first and
   last name stack rather than sitting side by side (verified in checkout.png).
   ---------------------------------------------------------------------- */

.woocommerce-checkout form .form-row {
	margin: 0 0 15px;
	padding: 0;
	display: block;
}

.woocommerce-checkout form .form-row-first,
.woocommerce-checkout form .form-row-last,
.woocommerce-checkout form .form-row-wide {
	width: 100%;
	float: none;
}

.woocommerce-checkout form .form-row label {
	display: block;
	font-family: var(--ugloz-font-primary, "Poppins", sans-serif);
	font-size: var(--ugloz-fs-body, 16px);
	font-weight: var(--ugloz-w-regular, 400);
	line-height: 1.6;
	color: var(--ugloz-body, #878e99);
	margin: 0 0 10px;
}

.woocommerce-checkout form .form-row .required,
.woocommerce-checkout form .form-row abbr.required {
	color: #ff0003;
	border: 0;
	text-decoration: none;
}

.woocommerce-checkout form .form-row .woocommerce-input-wrapper {
	display: block;
	width: 100%;
}

.woocommerce-checkout form .form-row input.input-text,
.woocommerce-checkout form .form-row textarea {
	box-sizing: border-box;
	width: 100%;
	height: 46px;
	margin: 0;
	padding: 0 15px;
	background: var(--ugloz-white, #fff);
	color: #1e2125;
	border: 1px solid var(--ugloz-white, #fff);
	border-radius: 0;
	outline: 0;
	font-family: var(--ugloz-font-primary, "Poppins", sans-serif);
	font-size: var(--ugloz-fs-body, 16px);
	line-height: normal;
}

.woocommerce-checkout form .form-row textarea {
	height: auto;
	min-height: 120px;
	padding: 15px;
}

.woocommerce-checkout form .form-row input.input-text::placeholder {
	color: #6f7378;
	opacity: 1;
}

/* State select - dark neumorphic. Covers the native select and selectWoo/select2
   if WooCommerce enhances it. */
.woocommerce-checkout form .form-row select,
.woocommerce-checkout .select2-container--default .select2-selection--single {
	box-sizing: border-box;
	width: 100%;
	height: 52px;
	padding: 0 15px;
	background: var(--ugloz-surface, linear-gradient(145deg, #1e2024, #23272b));
	color: var(--ugloz-body, #878e99);
	border: 1px solid var(--ugloz-border, hsla(0, 0%, 100%, 0.2));
	border-radius: 0;
	font-family: var(--ugloz-font-primary, "Poppins", sans-serif);
	font-size: var(--ugloz-fs-body, 16px);
	appearance: none;
	-webkit-appearance: none;
}

.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: var(--ugloz-body, #878e99);
	line-height: 50px;
	padding: 0;
}

.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 50px;
}

.woocommerce-checkout .select2-dropdown {
	background: var(--ugloz-dark, #1a1d23);
	border-color: var(--ugloz-border, hsla(0, 0%, 100%, 0.2));
	color: var(--ugloz-body, #878e99);
}

.woocommerce-checkout .select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: var(--ugloz-primary, #dd9933);
	color: var(--ugloz-white, #fff);
}

/* Country is a single-option select (specific_allowed_countries = [AU]).
   The source renders it as plain bold text, not a control - match that. */
.woocommerce-checkout #billing_country_field select,
.woocommerce-checkout #billing_country_field .select2-container--default .select2-selection--single {
	height: auto;
	padding: 0;
	background: none;
	border: 0;
	box-shadow: none;
	color: var(--ugloz-heading, #c4cfde);
	font-weight: var(--ugloz-w-bold, 700);
	pointer-events: none;
}

.woocommerce-checkout #billing_country_field .select2-selection__arrow {
	display: none;
}

/* -------------------------------------------------------------------------
   5. Tables - cart, cart totals, checkout order review
   ---------------------------------------------------------------------- */

.woocommerce-cart .woocommerce table.shop_table,
.woocommerce-checkout .woocommerce table.shop_table,
.woocommerce-order-received .woocommerce table.shop_table {
	width: 100%;
	border: 1px solid var(--ugloz-border, hsla(0, 0%, 100%, 0.2));
	border-collapse: collapse;
	border-radius: 0;
	margin: 0;
}

.woocommerce-cart .woocommerce table.shop_table th,
.woocommerce-checkout .woocommerce table.shop_table th,
.woocommerce-order-received .woocommerce table.shop_table th {
	font-family: var(--ugloz-font-primary, "Poppins", sans-serif);
	font-weight: var(--ugloz-w-semibold, 600);
	font-size: var(--ugloz-fs-body, 16px);
	text-transform: uppercase;
	text-align: left;
	padding: 16px 15px;
	color: var(--ugloz-heading, #c4cfde);
	border: 1px solid var(--ugloz-border, hsla(0, 0%, 100%, 0.2));
}

.woocommerce-cart .woocommerce table.shop_table td,
.woocommerce-checkout .woocommerce table.shop_table td,
.woocommerce-order-received .woocommerce table.shop_table td {
	padding: 15px 12px;
	text-align: left;
	color: var(--ugloz-body, #878e99);
	border: 1px solid var(--ugloz-border, hsla(0, 0%, 100%, 0.2));
}

.woocommerce-cart .woocommerce table.shop_table tbody th,
.woocommerce-cart .woocommerce table.shop_table tfoot th,
.woocommerce-checkout .woocommerce table.shop_table tfoot th {
	font-weight: var(--ugloz-w-medium, 500);
}

.woocommerce-cart .woocommerce table.shop_table td.product-name > a,
.woocommerce-checkout .woocommerce table.shop_table td.product-name > a {
	font-weight: var(--ugloz-w-medium, 500);
	color: var(--ugloz-heading, #c4cfde);
	text-decoration: none;
}

/* Woo paints the remove cross red with !important; the source's is muted grey. */
.woocommerce-cart .woocommerce table.shop_table td.product-remove > a.remove {
	display: block;
	margin: 0 auto;
	color: var(--ugloz-body, #878e99) !important;
	font-size: 20px;
	line-height: 1;
	text-decoration: none;
	background: none !important;
}

.woocommerce-cart .woocommerce table.shop_table td.product-remove > a.remove:hover {
	color: var(--ugloz-primary, #dd9933) !important;
	background: none !important;
}

.woocommerce-cart .woocommerce table.shop_table img {
	width: 60px;
	height: auto;
	border-radius: var(--ugloz-radius-badge, 4px);
}

.woocommerce-cart .woocommerce span.woocommerce-Price-amount.amount,
.woocommerce-checkout span.woocommerce-Price-amount.amount {
	font-family: var(--ugloz-font-primary, "Poppins", sans-serif);
	font-size: var(--ugloz-fs-body, 16px);
	font-weight: var(--ugloz-w-medium, 500);
	color: var(--ugloz-body, #878e99);
}

.woocommerce-cart .cart_totals .order-total td strong .woocommerce-Price-amount,
.woocommerce-checkout .order-total td strong .woocommerce-Price-amount {
	color: var(--ugloz-heading, #c4cfde);
}

/* Quantity box - neumorphic, per rainbow-woocommerce.css */
.woocommerce-cart .woocommerce .quantity .qty {
	width: 70px;
	height: 47px;
	padding: 5px;
	text-align: center;
	border: 0 none;
	border-radius: var(--ugloz-radius-btn, 6px);
	color: var(--ugloz-body, #878e99);
	background: var(--ugloz-surface, linear-gradient(145deg, #1e2024, #23272b));
	box-shadow: var(--ugloz-shadow-1, 10px 10px 19px #1c1e22, -10px -10px 19px #262a2e);
}

/* -------------------------------------------------------------------------
   6. Cart actions row + totals block
   ---------------------------------------------------------------------- */

.woocommerce-cart .woocommerce table.shop_table.cart {
	margin: 0 0 100px;
}

.woocommerce-cart .woocommerce td.actions {
	padding: 20px 15px;
}

.woocommerce-cart .woocommerce td.actions .coupon {
	float: left;
}

.woocommerce-cart .woocommerce td.actions .coupon #coupon_code {
	width: auto !important;
	height: 44px;
	margin-right: 10px;
	padding: 5px 14px;
	font-size: var(--ugloz-fs-b3, 14px);
	border-radius: var(--ugloz-radius-badge, 4px);
	background: transparent;
	color: var(--ugloz-body, #878e99);
	border: 1px solid var(--ugloz-border, hsla(0, 0%, 100%, 0.2));
}

.woocommerce-cart .woocommerce td.actions button[name="update_cart"] {
	float: right;
}

/* Woo ships the update button disabled until a qty changes - the source shows it
   dimmed gold, not grey.
   opacity 0.5, NOT 0.45: WooCommerce's own stylesheet sets `opacity:.5` on disabled buttons and
   the captured source CSS carries no InBio override, so 0.5 IS the source value. 0.45 was a
   guess and read noticeably dimmer than the source (tuju-woo, Wave 2). Verified against
   scrape/source-cdp/css/. */
.woocommerce-cart .woocommerce td.actions button[name="update_cart"]:disabled,
.woocommerce-cart .woocommerce td.actions button[name="update_cart"][disabled] {
	opacity: 0.5;
	cursor: not-allowed;
}

.woocommerce-cart .woocommerce td.actions button[name="update_cart"]:disabled:hover {
	margin-top: 0;
}

.woocommerce-cart .cart-collaterals {
	width: 100%;
}

.woocommerce-cart .cart-collaterals .cart_totals {
	float: right;
	width: 48%;
}

.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-destination {
	margin: 8px 0 0;
	font-size: var(--ugloz-fs-body, 16px);
	color: var(--ugloz-body, #878e99);
}

.woocommerce-cart .wc-proceed-to-checkout {
	padding: 25px 0 0;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
	display: block;
	width: 100%;
	text-align: center;
	font-size: var(--ugloz-fs-body, 16px);
	padding: 17px 15px;
	line-height: 1;
}

/* -------------------------------------------------------------------------
   7. Primary buttons
   tokens.css supplies the gold `.woocommerce a.button` primitive, but Woo's own
   woocommerce.css paints `.button.alt` (proceed-to-checkout, place-order) with
   --wc-primary (#720eec purple) at equal specificity and loads after it. These
   two selectors are the ones that need reclaiming on cart + checkout.
   ---------------------------------------------------------------------- */

.woocommerce-cart .woocommerce a.button.alt,
.woocommerce-cart .woocommerce button.button.alt,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .woocommerce a.button.alt,
.woocommerce-checkout .woocommerce button.button.alt,
.woocommerce-checkout #payment button#place_order,
.woocommerce-order-received .woocommerce a.button.alt {
	background-color: var(--ugloz-primary, #dd9933);
	border: var(--ugloz-border-width, 2px) solid var(--ugloz-primary, #dd9933);
	color: var(--ugloz-white, #fff);
}

.woocommerce-cart .woocommerce a.button.alt:hover,
.woocommerce-cart .woocommerce button.button.alt:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-checkout .woocommerce a.button.alt:hover,
.woocommerce-checkout .woocommerce button.button.alt:hover,
.woocommerce-checkout #payment button#place_order:hover {
	background-color: var(--ugloz-primary, #dd9933);
	color: var(--ugloz-white, #fff);
}

.woocommerce-checkout #payment button#place_order {
	width: 100%;
	height: 52px;
	padding: 0 30px;
	line-height: inherit;
}

/* -------------------------------------------------------------------------
   8. Coupon toggle notice
   ---------------------------------------------------------------------- */

.woocommerce-cart .woocommerce-info,
.woocommerce-checkout .woocommerce-info,
.woocommerce-cart .woocommerce-message,
.woocommerce-checkout .woocommerce-message,
.woocommerce-cart .woocommerce-error,
.woocommerce-checkout .woocommerce-error {
	background: var(--ugloz-surface, linear-gradient(145deg, #1e2024, #23272b));
	box-shadow: var(--ugloz-shadow-1, 10px 10px 19px #1c1e22, -10px -10px 19px #262a2e);
	color: var(--ugloz-heading, #c4cfde);
	border-top: 3px solid var(--ugloz-primary, #dd9933);
	border-radius: 0;
	list-style: none;
	margin: 0 0 40px;
}

.woocommerce-cart .woocommerce-info::before,
.woocommerce-checkout .woocommerce-info::before {
	color: var(--ugloz-primary, #dd9933);
}

.woocommerce-checkout .woocommerce-info a.showcoupon,
.woocommerce-cart .woocommerce-info a {
	color: var(--ugloz-heading, #c4cfde);
	text-decoration: none;
}

.woocommerce-checkout .woocommerce-info a.showcoupon:hover {
	color: var(--ugloz-primary, #dd9933);
}

.woocommerce-checkout form.checkout_coupon {
	border: 1px solid var(--ugloz-border, hsla(0, 0%, 100%, 0.2));
	border-radius: 0;
	padding: 20px;
	margin: 0 0 40px;
}

.woocommerce-checkout form.checkout_coupon .input-text {
	box-sizing: border-box;
	width: 100%;
	height: 46px;
	padding: 0 15px;
	background: transparent;
	color: var(--ugloz-body, #878e99);
	border: 1px solid var(--ugloz-border, hsla(0, 0%, 100%, 0.2));
	border-radius: var(--ugloz-radius-badge, 4px);
}

/* -------------------------------------------------------------------------
   9. Payment methods block
   ---------------------------------------------------------------------- */

.woocommerce-checkout #payment {
	background: var(--ugloz-surface, linear-gradient(145deg, #1e2024, #23272b));
	box-shadow: var(--ugloz-shadow-1, 10px 10px 19px #1c1e22, -10px -10px 19px #262a2e);
	border-radius: 0;
	margin-top: 40px;
}

.woocommerce-checkout #payment ul.payment_methods {
	padding: 20px;
	margin: 0;
	list-style: none;
	border-bottom: 1px solid var(--ugloz-border, hsla(0, 0%, 100%, 0.2));
}

.woocommerce-checkout #payment ul.payment_methods li {
	font-size: var(--ugloz-fs-body, 16px);
	line-height: 1.9;
	color: var(--ugloz-body, #878e99);
	margin: 0;
	list-style: none;
}

/* InBio replaces the native radio with a gold ring drawn on the label. Woo additionally
   hides the native input outright when only one gateway is available - which is the
   crypto-only case here, and is exactly what the source markup does
   (`<input ... style="display: none;">` in checkout-structure.json). Hiding it always and
   drawing the ring ourselves gives the same mark for one gateway or several. */
.woocommerce-checkout #payment ul.payment_methods li input[type="radio"] {
	position: absolute;
	left: -9999px;
	width: 0;
	height: 0;
	opacity: 0;
}

.woocommerce-checkout #payment ul.payment_methods li label {
	display: inline-block;
	color: var(--ugloz-heading, #c4cfde);
	font-family: var(--ugloz-font-primary, "Poppins", sans-serif);
	font-size: var(--ugloz-fs-b3, 14px);
	font-weight: var(--ugloz-w-medium, 500);
	vertical-align: middle;
	margin: 0;
	cursor: pointer;
}

.woocommerce-checkout #payment ul.payment_methods li label::before {
	content: "";
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-right: 10px;
	vertical-align: middle;
	border: 2px solid var(--ugloz-primary, #dd9933);
	border-radius: 50%;
	background: transparent;
	box-sizing: border-box;
}

.woocommerce-checkout #payment ul.payment_methods li input[type="radio"]:checked + label::before {
	background: var(--ugloz-primary, #dd9933);
	box-shadow: inset 0 0 0 2px #16181c;
}

.woocommerce-checkout #payment ul.payment_methods li input[type="radio"]:focus-visible + label::before {
	outline: 2px solid var(--ugloz-heading, #c4cfde);
	outline-offset: 2px;
}

.woocommerce-checkout #payment ul.payment_methods li img,
.woocommerce-checkout #payment ul.payment_methods li img.ugloz-gw-icon {
	max-height: 28px;
	width: auto;
	margin-left: 8px;
	vertical-align: middle;
	float: none;
}

.woocommerce-checkout #payment div.payment_box {
	background-color: #16181c;
	color: var(--ugloz-body, #878e99);
	font-size: var(--ugloz-fs-b3, 14px);
	line-height: 1.9;
	border-radius: 0;
	margin: 12px 0 0;
	padding: 15px;
}

.woocommerce-checkout #payment div.payment_box::before {
	border-bottom-color: #16181c;
}

.woocommerce-checkout #payment div.payment_box p {
	margin: 0;
}

.woocommerce-checkout #payment div.form-row.place-order {
	padding: 20px;
	margin: 0;
}

.woocommerce-checkout #payment .woocommerce-terms-and-conditions-wrapper:empty,
.woocommerce-checkout #payment .woocommerce-privacy-policy-text:empty {
	display: none;
}

/* -------------------------------------------------------------------------
   10. Order-received (thank-you) page, incl. the manual-method instructions
       block rendered by wp-content/mu-plugins/ugloz-manual-gateways.php.
       DETAILS-NEVER-SHOWN: that block never prints a handle or account number.
   ---------------------------------------------------------------------- */

.woocommerce-order-received .woocommerce-thankyou-order-received {
	font-family: var(--ugloz-font-secondary, "Montserrat", sans-serif);
	font-size: var(--ugloz-fs-b2, 22px);
	font-weight: var(--ugloz-w-bold, 700);
	color: var(--ugloz-heading, #c4cfde);
	margin: 0 0 30px;
}

.woocommerce-order-received ul.order_details {
	display: flex;
	flex-wrap: wrap;
	gap: 20px 40px;
	list-style: none;
	margin: 0 0 40px;
	padding: 25px;
	border: 1px solid var(--ugloz-border, hsla(0, 0%, 100%, 0.2));
	background: var(--ugloz-surface, linear-gradient(145deg, #1e2024, #23272b));
}

.woocommerce-order-received ul.order_details li {
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 0.2px;
	color: var(--ugloz-body, #878e99);
	border: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	float: none;
}

.woocommerce-order-received ul.order_details li strong {
	display: block;
	margin-top: 6px;
	font-size: var(--ugloz-fs-body, 16px);
	text-transform: none;
	color: var(--ugloz-heading, #c4cfde);
}

.ugloz-payment-instructions {
	display: block;
	margin: 0 0 40px;
	padding: 25px 30px;
	border-left: 3px solid var(--ugloz-primary, #dd9933);
	background: var(--ugloz-surface, linear-gradient(145deg, #1e2024, #23272b));
	box-shadow: var(--ugloz-shadow-1, 10px 10px 19px #1c1e22, -10px -10px 19px #262a2e);
}

.ugloz-payment-instructions h2 {
	font-size: var(--ugloz-h4, 24px);
	margin-bottom: 18px;
}

.ugloz-payment-instructions p {
	font-family: var(--ugloz-font-primary, "Poppins", sans-serif);
	font-size: var(--ugloz-fs-body, 16px);
	line-height: var(--ugloz-lh-body, 30.4px);
	color: var(--ugloz-body, #878e99);
	margin: 0 0 12px;
}

.ugloz-payment-instructions p:last-child {
	margin-bottom: 0;
}

.ugloz-payment-instructions strong {
	color: var(--ugloz-heading, #c4cfde);
}

/* -------------------------------------------------------------------------
   11. Empty cart
   ---------------------------------------------------------------------- */

.woocommerce-cart .cart-empty {
	font-size: var(--ugloz-fs-b1, 18px);
	color: var(--ugloz-body, #878e99);
}

.woocommerce-cart .return-to-shop {
	margin-top: 25px;
}

/* -------------------------------------------------------------------------
   12. Mobile
   ---------------------------------------------------------------------- */

@media (max-width: 767px) {

	.woocommerce-cart .cart-collaterals .cart_totals {
		float: none;
		width: 100%;
	}

	.woocommerce-cart .woocommerce td.actions .coupon,
	.woocommerce-cart .woocommerce td.actions button[name="update_cart"] {
		float: none;
		display: block;
		width: 100%;
	}

	.woocommerce-cart .woocommerce td.actions .coupon #coupon_code {
		width: 100% !important;
		margin: 0 0 10px;
	}

	/* The .coupon CONTAINER was already full width, but the Apply-coupon BUTTON inside it was
	   not — it stayed at its intrinsic ~150px and right-aligned (measured x=201 in a 312px
	   container). The source stacks it full width beneath the input at 390. tuju-woo, Wave 2. */
	.woocommerce-cart .woocommerce td.actions .coupon button[name="apply_coupon"] {
		display: block;
		width: 100%;
		float: none;
		margin: 0 0 10px;
	}

	.woocommerce-checkout .woocommerce-billing-fields > h3,
	.woocommerce-checkout #order_review_heading {
		font-size: var(--ugloz-h4, 24px);
	}
}