/* =====================================================================
   TLA Checkout Styling v1.1
   Scope: body.tla-cs only (checkout, order-pay, order-received, My Account view-order).
   Never styles inside payment iframes (Stripe / WooPay / Amazon Pay) — wrappers only.
   ===================================================================== */
body.tla-cs {
	--tla-cs-navy: #111111;          /* "Dark": headings, totals, selected states (overridable in settings) */
	--tla-cs-gold: #C8912E;
	--tla-cs-blue: #2C5F8A;
	--tla-cs-cream: #F8F5EE;
	--tla-cs-gold-hover: #B3801F;
	--tla-cs-gold-ink: #7E5612;      /* gold dark enough for text on light backgrounds */
	--tla-cs-ink: #1A1A1A;
	--tla-cs-muted: #5B5B5B;
	--tla-cs-line: #E4DDCD;
	--tla-cs-field: #CFC6B3;
	--tla-cs-ok: #1E7A45;
	--tla-cs-err: #A32727;
	--tla-cs-font: "Jost", "Segoe UI", Roboto, Helvetica, Arial, sans-serif; /* one family for table, payment panel, button */
	--tla-cs-col: 760px;             /* pay / received column width */
	--tla-cs-radius: 14px;
	--tla-cs-pad-y: 56px;
}

/* ---------- Container and spacing (fixes 2 + 4) ---------- */
body.tla-cs .woocommerce {
	box-sizing: border-box;
	max-width: 1120px;
	margin-left: auto;
	margin-right: auto;
	padding: var(--tla-cs-pad-y) 20px;
	font-family: var(--tla-cs-font);
	font-size: 17px;
	line-height: 1.55;
	color: var(--tla-cs-ink);
}
/* Pay + received: every direct child of .woocommerce shares one centered column. */
body.tla-cs--pay .woocommerce > *,
body.tla-cs--received .woocommerce > *,
body.tla-cs--received .woocommerce-order > * {
	box-sizing: border-box;
	width: 100%;
	max-width: var(--tla-cs-col);
	margin-left: auto !important;
	margin-right: auto !important;
}
body.tla-cs .woocommerce *, body.tla-cs .woocommerce *::before, body.tla-cs .woocommerce *::after { box-sizing: border-box; }
body.tla-cs .woocommerce :where(h1, h2, h3, h4, table, th, td, label, p, li, button, input, select, textarea, address) { font-family: var(--tla-cs-font); }
body.tla-cs .woocommerce :where(h2, h3) { color: var(--tla-cs-navy); text-transform: none; letter-spacing: normal; font-weight: 700; }
body.tla-cs .woocommerce a { color: var(--tla-cs-navy); text-underline-offset: 3px; }
body.tla-cs--notitle .entry-title,
body.tla-cs--notitle .page-header,
body.tla-cs--notitle .page-title,
body.tla-cs--notitle .wp-block-post-title { display: none !important; }
body.tla-cs .tla-cs-i { display: inline-block; flex: none; vertical-align: -3px; }

/* ---------- Secure / help bar (printed once; see PHP guard) ---------- */
body.tla-cs .tla-cs-securebar {
	display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 6px 20px;
	margin: 0 0 20px; padding: 12px 18px; border: 1px solid var(--tla-cs-line); border-radius: 12px;
	background: var(--tla-cs-cream); font-family: var(--tla-cs-font); font-size: 15px; color: var(--tla-cs-muted);
}
body.tla-cs .tla-cs-securebar__lock { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; color: var(--tla-cs-navy); }
body.tla-cs .tla-cs-securebar__lock .tla-cs-i { color: var(--tla-cs-ok); }
body.tla-cs .tla-cs-securebar a { color: var(--tla-cs-navy); font-weight: 600; text-decoration: none; }
body.tla-cs .tla-cs-trust { display: flex; gap: 8px; align-items: flex-start; margin: 14px 0 0 !important; font-size: 14px; line-height: 1.45; color: var(--tla-cs-muted); }
body.tla-cs .tla-cs-trust .tla-cs-i { color: var(--tla-cs-ok); margin-top: 1px; }

/* ---------- Notices (fix 3) ---------- */
body.tla-cs .woocommerce-notices-wrapper:empty { display: none; }
body.tla-cs .woocommerce-notices-wrapper > * { margin-bottom: 16px !important; }
body.tla-cs .woocommerce-error,
body.tla-cs .woocommerce-info,
body.tla-cs .woocommerce-message {
	list-style: none !important; margin-top: 0 !important; margin-bottom: 16px !important; padding: 14px 18px !important;
	border: 1px solid var(--tla-cs-line) !important; border-left: 4px solid var(--tla-cs-navy) !important; border-radius: 10px !important;
	background: #fff !important; color: var(--tla-cs-ink) !important; font-size: 15px; line-height: 1.5;
}
body.tla-cs .woocommerce-error li, body.tla-cs .woocommerce-info li, body.tla-cs .woocommerce-message li { margin: 0 !important; padding: 0 !important; list-style: none !important; }
body.tla-cs .woocommerce-error::before, body.tla-cs .woocommerce-info::before, body.tla-cs .woocommerce-message::before { display: none !important; content: none !important; }
body.tla-cs .woocommerce-error { border-left-color: var(--tla-cs-err) !important; }
body.tla-cs .woocommerce-message { border-left-color: var(--tla-cs-ok) !important; }
/* Informational messages WooCommerce prints with the error style (flagged in PHP), e.g. the guest-order notice. */
body.tla-cs .woocommerce-error:has(.tla-cs-info-flag),
body.tla-cs .woocommerce-info:has(.tla-cs-info-flag),
body.tla-cs .woocommerce-message:has(.tla-cs-info-flag) {
	border-left-color: var(--tla-cs-gold) !important; background: var(--tla-cs-cream) !important; color: var(--tla-cs-ink) !important;
}
body.tla-cs .woocommerce-info { border-left-color: var(--tla-cs-gold) !important; background: var(--tla-cs-cream) !important; }

/* ---------- Cards ---------- */
body.tla-cs--pay #order_review,
body.tla-cs--checkout form.woocommerce-checkout #customer_details,
body.tla-cs--checkout form.woocommerce-checkout #order_review,
body.tla-cs--received .woocommerce-order-details,
body.tla-cs--received .woocommerce-customer-details,
body.tla-cs--received .woocommerce-bacs-bank-details,
body.tla-cs--view .woocommerce-MyAccount-content {
	background: #fff; border: 1px solid var(--tla-cs-line); border-radius: var(--tla-cs-radius);
	padding: 28px 30px; box-shadow: 0 1px 2px rgba(17, 17, 17, .04), 0 18px 40px -28px rgba(17, 17, 17, .25);
}
body.tla-cs--pay #order_review::before {
	content: "Complete your payment"; display: block; margin-bottom: 12px;
	font-family: var(--tla-cs-font); font-size: 22px; font-weight: 700; color: var(--tla-cs-navy);
}

/* ---------- Order summary table (pay, checkout review, received, view-order) ---------- */
body.tla-cs .woocommerce table.shop_table {
	width: 100%; margin: 0 0 4px !important; border: 0 !important; border-collapse: collapse !important; border-radius: 0 !important;
	background: transparent !important; font-family: var(--tla-cs-font); font-size: 16px;
}
body.tla-cs .woocommerce table.shop_table th,
body.tla-cs .woocommerce table.shop_table td {
	padding: 12px 0 !important; border: 0 !important; border-top: 1px solid var(--tla-cs-line) !important;
	background: transparent !important; color: var(--tla-cs-ink); text-align: left; vertical-align: top; font-weight: 400;
}
body.tla-cs .woocommerce table.shop_table thead th { border-top: 0 !important; padding-top: 0 !important; font-size: 13px; font-weight: 600; color: var(--tla-cs-muted); text-transform: uppercase; letter-spacing: .06em; }
body.tla-cs .woocommerce table.shop_table th:last-child,
body.tla-cs .woocommerce table.shop_table td:last-child { text-align: right; padding-left: 16px !important; white-space: nowrap; }
body.tla-cs .woocommerce table.shop_table td.product-name { font-weight: 600; color: var(--tla-cs-navy); white-space: normal; }
body.tla-cs .woocommerce table.shop_table .product-quantity { font-weight: 400; color: var(--tla-cs-muted); }
body.tla-cs--pay .woocommerce table.shop_table td.product-quantity { text-align: center; }
body.tla-cs .woocommerce table.shop_table tfoot th { color: var(--tla-cs-muted); }
body.tla-cs .woocommerce table.shop_table tfoot td { font-weight: 600; font-variant-numeric: tabular-nums; }
/* Bold total row: classic review (tr.order-total) or the PHP-marked grand total (any position). */
body.tla-cs .woocommerce table.shop_table tr.order-total th,
body.tla-cs .woocommerce table.shop_table tr.order-total td,
body.tla-cs .woocommerce table.shop_table tr:has(.tla-cs-grand) th,
body.tla-cs .woocommerce table.shop_table tr:has(.tla-cs-grand) td {
	padding-top: 14px !important; border-top: 2px solid var(--tla-cs-navy) !important;
	font-size: 20px; font-weight: 700; color: var(--tla-cs-navy);
}
body.tla-cs .woocommerce ul.wc-item-meta { list-style: none !important; margin: 6px 0 0 !important; padding: 0 !important; font-size: 14px; font-weight: 400; color: var(--tla-cs-muted); }
body.tla-cs .woocommerce ul.wc-item-meta li { display: flex; gap: 6px; margin: 2px 0 !important; padding: 0 !important; }
body.tla-cs .woocommerce ul.wc-item-meta li strong { font-weight: 500; color: var(--tla-cs-muted); }
body.tla-cs .woocommerce ul.wc-item-meta li p { margin: 0 !important; color: var(--tla-cs-ink); }

/* ---------- Express payments: one full-width column, equal gaps (fix 5) ----------
   Wrappers only. Button heights inside Stripe's iframe follow the plugin's "button size" setting (Default = 48px). */
body.tla-cs .wcpay-express-checkout-wrapper,
body.tla-cs #wcpay-payment-request-wrapper,
body.tla-cs #wc-stripe-express-checkout-element-wrapper,
body.tla-cs #wc-stripe-payment-request-wrapper {
	display: grid !important; grid-template-columns: minmax(0, 1fr); gap: 12px; width: 100% !important; max-width: none !important;
	margin: 0 0 4px !important; padding: 0 !important; clear: both;
}
body.tla-cs .wcpay-express-checkout-wrapper > *,
body.tla-cs #wcpay-payment-request-wrapper > *,
body.tla-cs #wc-stripe-express-checkout-element-wrapper > *,
body.tla-cs #wc-stripe-payment-request-wrapper > *,
body.tla-cs #wcpay-express-checkout-element,
body.tla-cs #wc-stripe-express-checkout-element,
body.tla-cs [id*="express-checkout-element"],
body.tla-cs .woocommerce [id*="amazon" i]:not(iframe),
body.tla-cs .woocommerce [class*="amazon-pay" i]:not(iframe) {
	width: 100% !important; max-width: none !important; margin: 0 !important; float: none !important; justify-self: stretch; text-align: left;
}
body.tla-cs #wcpay-woopay-button, body.tla-cs .wcpay-woopay-button { width: 100% !important; margin: 0 !important; }
body.tla-cs #wcpay-woopay-button button,
body.tla-cs .woopay-express-button {
	width: 100% !important; height: 48px !important; min-height: 48px !important; border-radius: 8px !important; margin: 0 !important;
}
/* "— OR —" separator → line · OR · line */
body.tla-cs #wcpay-express-checkout-button-separator,
body.tla-cs #wcpay-payment-request-button-separator,
body.tla-cs #wc-stripe-express-checkout-button-separator,
body.tla-cs #wc-stripe-payment-request-button-separator {
	position: relative; margin: 20px 0 !important; padding: 0 !important; height: 18px; line-height: 18px;
	font-size: 0 !important; color: transparent !important; text-align: center !important;
	background:
		linear-gradient(var(--tla-cs-line), var(--tla-cs-line)) left center / calc(50% - 30px) 1px no-repeat,
		linear-gradient(var(--tla-cs-line), var(--tla-cs-line)) right center / calc(50% - 30px) 1px no-repeat;
}
body.tla-cs #wcpay-express-checkout-button-separator::after,
body.tla-cs #wcpay-payment-request-button-separator::after,
body.tla-cs #wc-stripe-express-checkout-button-separator::after,
body.tla-cs #wc-stripe-payment-request-button-separator::after {
	content: "or"; font-family: var(--tla-cs-font); font-size: 12px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--tla-cs-muted);
}

/* ---------- Payment methods: one panel, flat rows, single field group (fix 6) ---------- */
body.tla-cs .woocommerce #payment {
	margin: 20px 0 0 !important; padding: 0 !important; border: 1px solid var(--tla-cs-line) !important; border-radius: 12px !important;
	background: var(--tla-cs-cream) !important; font-family: var(--tla-cs-font);
}
body.tla-cs .woocommerce #payment ul.payment_methods { list-style: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; }
body.tla-cs .woocommerce #payment ul.payment_methods::before, body.tla-cs .woocommerce #payment ul.payment_methods::after { display: none !important; }
body.tla-cs .woocommerce #payment ul.payment_methods > li.wc_payment_method {
	margin: 0 !important; padding: 16px 18px !important; border: 0 !important; border-top: 1px solid var(--tla-cs-line) !important; background: transparent !important; line-height: 1.4;
}
body.tla-cs .woocommerce #payment ul.payment_methods > li.wc_payment_method:first-child { border-top: 0 !important; }
body.tla-cs .woocommerce #payment ul.payment_methods > li > input[type="radio"] {
	width: 18px; height: 18px; margin: 0 10px 0 0 !important; vertical-align: middle; accent-color: var(--tla-cs-navy);
}
body.tla-cs .woocommerce #payment ul.payment_methods > li > label {
	display: inline-flex !important; flex-wrap: wrap; align-items: center; gap: 6px 10px; width: calc(100% - 32px); vertical-align: middle;
	margin: 0 !important; font-size: 16px; font-weight: 600; color: var(--tla-cs-ink); cursor: pointer;
}
body.tla-cs .woocommerce #payment ul.payment_methods > li > label img { max-height: 22px !important; width: auto !important; margin: 0 !important; float: none !important; }
/* The method's box is not a box any more: no background, border or arrow. */
body.tla-cs .woocommerce #payment div.payment_box {
	margin: 12px 0 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important;
	box-shadow: none !important; color: var(--tla-cs-ink) !important; font-size: 15px;
}
body.tla-cs .woocommerce #payment div.payment_box::before { display: none !important; content: none !important; }
body.tla-cs .woocommerce #payment div.payment_box > p:first-child { margin-top: 0; }
/* Gateway wrappers around the card iframe (WooPayments / Stripe UPE): flatten to a single group. */
body.tla-cs .woocommerce #payment fieldset.wc-payment-form,
body.tla-cs .woocommerce #payment .wc-upe-form,
body.tla-cs .woocommerce #payment .wcpay-upe-element,
body.tla-cs .woocommerce #payment .wc-stripe-upe-element,
body.tla-cs .woocommerce #payment .wcpay-checkout-element,
body.tla-cs .woocommerce #payment .wc-stripe-elements-field,
body.tla-cs .woocommerce #payment [class*="upe-element"] {
	margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; min-width: 0;
}
body.tla-cs .woocommerce #payment fieldset.wc-payment-form legend { display: none; }
body.tla-cs .woocommerce #payment .woocommerce-SavedPaymentMethods-saveNew,
body.tla-cs .woocommerce #payment .woocommerce-SavedPaymentMethods-new { margin: 10px 0 0 !important; padding: 0 !important; }
body.tla-cs .woocommerce #payment div.form-row.place-order {
	margin: 0 !important; padding: 18px !important; border-top: 1px solid var(--tla-cs-line); background: transparent !important;
}

/* ---------- Terms (fix 7): hidden until the customer expands them ---------- */
body.tla-cs .woocommerce-terms-and-conditions-wrapper { font-size: 14px; color: var(--tla-cs-muted); margin: 0 0 4px; }
body.tla-cs .woocommerce-terms-and-conditions-wrapper p { margin: 0 0 10px; }
body.tla-cs .woocommerce-terms-and-conditions:not([style*="display: block"]):not([style*="display:block"]) { display: none !important; }
body.tla-cs .woocommerce-terms-and-conditions {
	margin: 0 0 12px !important; padding: 12px 14px !important; border: 1px solid var(--tla-cs-line) !important; border-radius: 8px;
	background: #fff !important; font-size: 14px; color: var(--tla-cs-ink);
}
body.tla-cs .woocommerce-terms-and-conditions :where(h1, h2, h3, h4) { font-size: 15px !important; margin: 0 0 8px !important; color: var(--tla-cs-navy); }
body.tla-cs .woocommerce-terms-and-conditions :where(h1, h2, h3, h4, h5, h6):empty { display: none !important; }

/* ---------- Buttons (fix 8) ---------- */
body.tla-cs .woocommerce #place_order,
body.tla-cs .wc-block-components-checkout-place-order-button {
	display: flex !important; align-items: center !important; justify-content: center !important;
	width: 100% !important; min-height: 56px !important; height: auto !important; margin: 16px 0 0 !important; padding: 14px 24px !important; float: none !important;
	border: 0 !important; border-radius: 10px !important; background: var(--tla-cs-gold) !important; color: #111 !important;
	font-family: var(--tla-cs-font) !important; font-size: 18px !important; font-weight: 700 !important; line-height: 1.2 !important;
	text-transform: none !important; letter-spacing: .01em !important; text-shadow: none !important;
	box-shadow: 0 10px 22px -12px rgba(200, 145, 46, .9) !important; cursor: pointer; transition: background-color .15s;
}
body.tla-cs .woocommerce #place_order:hover, body.tla-cs .wc-block-components-checkout-place-order-button:hover { background: var(--tla-cs-gold-hover) !important; color: #111 !important; }
body.tla-cs .woocommerce #place_order:focus-visible, body.tla-cs .wc-block-components-checkout-place-order-button:focus-visible { outline: 3px solid var(--tla-cs-navy) !important; outline-offset: 3px !important; }
body.tla-cs .woocommerce .button:not(#place_order) {
	border-radius: 8px !important; border: 0 !important; background: var(--tla-cs-navy) !important; color: #fff !important; box-shadow: none !important;
	font-family: var(--tla-cs-font) !important; font-weight: 600 !important; text-transform: none !important; letter-spacing: normal !important; padding: 11px 18px !important;
}

/* ---------- Fields (classic checkout) ---------- */
body.tla-cs .woocommerce form .form-row { margin: 0 0 16px; padding: 0; }
body.tla-cs .woocommerce form .form-row label { display: block; margin-bottom: 6px; font-size: 15px; font-weight: 500; color: var(--tla-cs-navy); text-transform: none; letter-spacing: normal; }
body.tla-cs .woocommerce form .form-row .required { color: var(--tla-cs-err); text-decoration: none; }
body.tla-cs .woocommerce form .form-row input.input-text,
body.tla-cs .woocommerce form .form-row textarea,
body.tla-cs .woocommerce form .form-row select,
body.tla-cs .select2-container--default .select2-selection--single {
	width: 100% !important; height: 50px !important; min-height: 50px !important; margin: 0 !important; padding: 0 14px !important;
	font-family: var(--tla-cs-font) !important; font-size: 16px !important; color: var(--tla-cs-ink) !important; background-color: #fff !important;
	border: 1.5px solid var(--tla-cs-field) !important; border-radius: 8px !important; box-shadow: none !important; line-height: 1.3 !important;
}
body.tla-cs .woocommerce form .form-row textarea { height: auto !important; min-height: 110px !important; padding: 12px 14px !important; }
body.tla-cs .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 47px !important; padding: 0 !important; }
body.tla-cs .select2-container--default .select2-selection--single .select2-selection__arrow { height: 48px !important; right: 8px !important; }
body.tla-cs .woocommerce form .form-row input.input-text:focus,
body.tla-cs .woocommerce form .form-row textarea:focus,
body.tla-cs .woocommerce form .form-row select:focus { border-color: var(--tla-cs-navy) !important; box-shadow: 0 0 0 3px rgba(200, 145, 46, .25) !important; outline: none !important; }
body.tla-cs .woocommerce form .form-row.woocommerce-invalid input.input-text { border-color: var(--tla-cs-err) !important; }
body.tla-cs--checkout #customer_details .col-1, body.tla-cs--checkout #customer_details .col-2 { float: none !important; width: 100% !important; max-width: none !important; padding: 0 !important; }
body.tla-cs--checkout #customer_details h3, body.tla-cs--checkout #order_review_heading { font-size: 20px !important; margin: 0 0 16px !important; }
body.tla-cs--checkout .woocommerce-billing-fields__field-wrapper { display: grid; grid-template-columns: 1fr 1fr; column-gap: 16px; }
body.tla-cs--checkout .woocommerce-billing-fields__field-wrapper .form-row { width: auto !important; float: none !important; grid-column: 1 / -1; }
body.tla-cs--checkout .woocommerce-billing-fields__field-wrapper .form-row-first { grid-column: 1; }
body.tla-cs--checkout .woocommerce-billing-fields__field-wrapper .form-row-last { grid-column: 2; }
@media (min-width: 980px) {
	body.tla-cs--checkout form.woocommerce-checkout { display: grid; grid-template-columns: minmax(0, 1fr) 430px; column-gap: 32px; align-items: start; }
	body.tla-cs--checkout form.woocommerce-checkout > .woocommerce-NoticeGroup { grid-column: 1 / -1; }
	body.tla-cs--checkout form.woocommerce-checkout #customer_details { grid-column: 1; grid-row: 1 / span 3; }
	body.tla-cs--checkout form.woocommerce-checkout #order_review_heading { grid-column: 2; grid-row: 1; }
	body.tla-cs--checkout form.woocommerce-checkout #order_review { grid-column: 2; grid-row: 2; position: sticky; top: 24px; }
}

/* ---------- Order received ---------- */
body.tla-cs--received .tla-cs-hero ~ .woocommerce-thankyou-order-received,
body.tla-cs--received .tla-cs-hero ~ p.woocommerce-notice--success { display: none !important; }
body.tla-cs .tla-cs-hero {
	display: flex; gap: 18px; align-items: flex-start; margin: 0 0 20px; padding: 26px 28px; background: #fff;
	border: 1px solid var(--tla-cs-line); border-top: 4px solid var(--tla-cs-gold); border-radius: var(--tla-cs-radius); font-family: var(--tla-cs-font);
}
body.tla-cs .tla-cs-hero__icon { flex: none; display: inline-grid; place-items: center; width: 52px; height: 52px; border-radius: 50%; background: #E2F2E8; color: var(--tla-cs-ok); }
body.tla-cs .tla-cs-hero--pending .tla-cs-hero__icon { background: #FBF0D9; color: var(--tla-cs-gold-ink); }
body.tla-cs .tla-cs-hero__icon .tla-cs-i { width: 26px; height: 26px; }
body.tla-cs .tla-cs-hero__eyebrow { margin: 0 0 2px !important; font-size: 14px; font-weight: 600; color: var(--tla-cs-gold-ink); }
body.tla-cs .tla-cs-hero__h { margin: 0 0 6px !important; font-size: clamp(22px, 3vw, 28px) !important; line-height: 1.2; }
body.tla-cs .tla-cs-hero__text { margin: 0 !important; font-size: 16px; color: var(--tla-cs-muted); }
body.tla-cs--received ul.woocommerce-order-overview {
	display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 0 !important; margin-bottom: 20px !important; padding: 0 !important; list-style: none !important;
	background: #fff; border: 1px solid var(--tla-cs-line); border-radius: var(--tla-cs-radius); overflow: hidden;
}
body.tla-cs--received ul.woocommerce-order-overview::before, body.tla-cs--received ul.woocommerce-order-overview::after { display: none !important; }
body.tla-cs--received ul.woocommerce-order-overview li {
	float: none !important; margin: 0 !important; padding: 14px 18px !important; border: 0 !important; border-left: 1px solid var(--tla-cs-line) !important;
	font-size: 13px !important; text-transform: none !important; letter-spacing: normal !important; color: var(--tla-cs-muted); line-height: 1.4;
}
body.tla-cs--received ul.woocommerce-order-overview li:first-child { border-left: 0 !important; }
body.tla-cs--received ul.woocommerce-order-overview li strong { display: block; margin-top: 4px; font-size: 16px !important; font-weight: 700; color: var(--tla-cs-navy); overflow-wrap: anywhere; }
body.tla-cs .tla-cs-next { margin: 0 0 20px; padding: 22px 26px; background: var(--tla-cs-cream); border: 1px solid var(--tla-cs-line); border-radius: var(--tla-cs-radius); font-family: var(--tla-cs-font); }
body.tla-cs .tla-cs-next__h { margin: 0 0 12px !important; font-size: 19px !important; }
body.tla-cs .tla-cs-next__list { list-style: none !important; margin: 0 !important; padding: 0 !important; counter-reset: tlacs; }
body.tla-cs .tla-cs-next__list li { counter-increment: tlacs; position: relative; margin: 0 0 10px !important; padding: 2px 0 0 40px !important; font-size: 16px; line-height: 1.5; }
body.tla-cs .tla-cs-next__list li::before {
	content: counter(tlacs); position: absolute; left: 0; top: 0; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%;
	background: var(--tla-cs-navy); color: #fff; font-size: 14px; font-weight: 700;
}
body.tla-cs .tla-cs-next__help { display: flex; gap: 10px; align-items: flex-start; margin: 14px 0 0 !important; padding-top: 12px; border-top: 1px solid var(--tla-cs-line); font-size: 15px; color: var(--tla-cs-muted); }
body.tla-cs .tla-cs-next__help a { font-weight: 600; }
body.tla-cs--received .woocommerce-order-details__title,
body.tla-cs--received .woocommerce-column__title,
body.tla-cs--view .woocommerce-order-details__title,
body.tla-cs--view .woocommerce-column__title { font-size: 19px !important; margin: 0 0 12px !important; }
body.tla-cs--received .woocommerce-order-details, body.tla-cs--received .woocommerce-customer-details { margin-top: 0 !important; margin-bottom: 20px !important; }
body.tla-cs .woocommerce-customer-details address { border: 0 !important; padding: 0 !important; font-style: normal; line-height: 1.6; color: var(--tla-cs-ink); }
body.tla-cs .woocommerce-customer-details .col2-set .col-1, body.tla-cs .woocommerce-customer-details .col2-set .col-2 { width: 100%; float: none; max-width: none; }

/* ---------- My Account > view order ---------- */
body.tla-cs--view .woocommerce-MyAccount-content > p:first-of-type { color: var(--tla-cs-muted); }
body.tla-cs--view .woocommerce-MyAccount-content mark { background: var(--tla-cs-cream); color: var(--tla-cs-navy); font-weight: 600; padding: 0 4px; border-radius: 4px; }
body.tla-cs--view .woocommerce-MyAccount-content .woocommerce-order-details,
body.tla-cs--view .woocommerce-MyAccount-content .woocommerce-customer-details { margin: 24px 0 0 !important; }

/* ---------- Block checkout ---------- */
body.tla-cs .wc-block-checkout { font-family: var(--tla-cs-font); color: var(--tla-cs-ink); }
body.tla-cs .wc-block-components-checkout-step__title, body.tla-cs .wc-block-components-title { font-family: var(--tla-cs-font) !important; color: var(--tla-cs-navy) !important; font-weight: 700 !important; text-transform: none !important; }
body.tla-cs .wc-block-components-text-input input, body.tla-cs .wc-blocks-components-select__select { border: 1.5px solid var(--tla-cs-field) !important; border-radius: 8px !important; }
body.tla-cs .wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
body.tla-cs .wc-block-components-totals-footer-item .wc-block-components-totals-item__value { font-weight: 700; color: var(--tla-cs-navy); font-size: 20px; }

/* ---------- Responsive (375 / 768 / 1280) ---------- */
@media (max-width: 767px) {
	body.tla-cs { --tla-cs-pad-y: 24px; }
	body.tla-cs .woocommerce { padding-left: 16px; padding-right: 16px; font-size: 16px; }
	body.tla-cs--pay #order_review,
	body.tla-cs--checkout form.woocommerce-checkout #customer_details,
	body.tla-cs--checkout form.woocommerce-checkout #order_review,
	body.tla-cs--received .woocommerce-order-details,
	body.tla-cs--received .woocommerce-customer-details,
	body.tla-cs--view .woocommerce-MyAccount-content { padding: 20px 16px; }
	body.tla-cs--pay #order_review::before { font-size: 20px; }
	body.tla-cs .woocommerce table.shop_table { font-size: 15px; }
	body.tla-cs .woocommerce #payment ul.payment_methods > li.wc_payment_method { padding: 14px !important; }
	body.tla-cs .woocommerce #payment div.form-row.place-order { padding: 14px !important; }
	body.tla-cs--checkout .woocommerce-billing-fields__field-wrapper { grid-template-columns: 1fr; }
	body.tla-cs--checkout .woocommerce-billing-fields__field-wrapper .form-row-first,
	body.tla-cs--checkout .woocommerce-billing-fields__field-wrapper .form-row-last { grid-column: 1; }
	body.tla-cs .tla-cs-hero { padding: 20px 18px; gap: 14px; }
	body.tla-cs .tla-cs-hero__icon { width: 44px; height: 44px; }
	body.tla-cs--received ul.woocommerce-order-overview { grid-template-columns: 1fr 1fr; }
	body.tla-cs--received ul.woocommerce-order-overview li:nth-child(3) { border-left: 0 !important; }
	body.tla-cs--received ul.woocommerce-order-overview li:nth-child(n+3) { border-top: 1px solid var(--tla-cs-line) !important; }
	body.tla-cs .tla-cs-next { padding: 18px 16px; }
}
@media (min-width: 768px) and (max-width: 1023px) {
	body.tla-cs { --tla-cs-pad-y: 40px; }
}
@media (prefers-reduced-motion: reduce) {
	body.tla-cs * { transition: none !important; }
}