/* =========================================================================
   AnorDev Checkout — styles
   Dark theme, Manrope. Adjust the variables below to your brand.
   (Manrope must be loaded on the page via your theme / Elementor / Google Fonts.)
   ========================================================================= */

.anordev-checkout,
.anordev-cart,
.anordev-steps,
.anordev-thankyou {
	--ac-font: 'Manrope', sans-serif;
	--ac-white: #ffffff;
	--ac-muted: #9d9d9d;
	--ac-line: rgba(255, 255, 255, 0.12);
	--ac-line-strong: rgba(255, 255, 255, 0.28);
	--ac-field: rgba(255, 255, 255, 0.65);   /* field labels + underline at rest */
	--ac-accent: #cec1a7;                      /* focus underline */
	--ac-error: #e08a8a;                       /* inline field-error text */
	--ac-done: #cfcfcf;
}

/* ---------------------------------------------------------------- progress */
.anordev-steps {
	display: flex;
	gap: 0;
	width: 100%;
	margin: 0 0 56px;
	font-family: var(--ac-font);
	border-bottom: 1px solid var(--ac-line);
}
.anordev-step {
	flex: 1 1 0;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 0 0 14px;
	font: normal normal 600 14px/28px var(--ac-font);
	letter-spacing: 1.4px;
	text-transform: uppercase;
	color: var(--ac-muted);
	text-decoration: none;
}
.anordev-step:nth-child(2) { justify-content: center; }
.anordev-step:nth-child(3) { justify-content: flex-end; }
.anordev-step__label { position: relative; }
.anordev-step.is-active { color: var(--ac-white); }
.anordev-step.is-active .anordev-step__label::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -14px;
	height: 2px;
	background: var(--ac-white);
}
.anordev-step.is-done   { color: var(--ac-white); cursor: pointer; }
.anordev-step__check { display: none; width: 16px; height: 16px; border-radius: 50%; border: 1px solid currentColor; position: relative; }
.anordev-step.is-done .anordev-step__check { display: inline-block; }
.anordev-step.is-done .anordev-step__check::after {
	content: "";
	position: absolute; left: 5px; top: 2px;
	width: 4px; height: 8px;
	border: solid currentColor; border-width: 0 1.5px 1.5px 0;
	transform: rotate(45deg);
}
a.anordev-step { cursor: pointer; }

/* ================================================================ CART (step 1) */
.anordev-cart-wrap { position: relative; width: 100%; }
.anordev-cart-wrap.ac-loading { opacity: .55; pointer-events: none; transition: opacity .15s ease; }

.anordev-cart { width: 100%; border-collapse: collapse; font-family: var(--ac-font); }
.anordev-cart .ac-col-product { width: 38%; }
.anordev-cart .ac-col-variant { width: 22%; }
.anordev-cart .ac-col-qty     { width: 14%; }
.anordev-cart .ac-col-total   { width: 18%; }
.anordev-cart .ac-col-remove  { width: 8%; }

.anordev-cart .ac-th {
	font: normal normal 600 14px/28px var(--ac-font);
	letter-spacing: 1.4px;
	color: var(--ac-muted);
	text-transform: uppercase;
	text-align: left;
	padding: 0 24px 18px 0;
	border: 0;
}
.anordev-cart .ac-th.ac-col-qty    { text-align: left; }
.anordev-cart .ac-th.ac-col-total  { text-align: right; }
.anordev-cart .ac-th.ac-col-remove { text-align: right; padding-right: 0; }

.anordev-cart .ac-cell { padding: 22px 24px 22px 0; border: 0; vertical-align: middle; font-family: var(--ac-font); }
.anordev-cart .ac-cell.ac-col-remove { padding-right: 0; }

.ac-product { display: flex; align-items: center; gap: 20px; }
.ac-product__img { display: block; flex: 0 0 auto; width: 96px; height: 134px; }
.ac-product__img img { width: 96px; height: 134px; object-fit: cover; display: block; }
.ac-product__name, .ac-product__name a {
	font: normal normal 600 16px/22px var(--ac-font);
	letter-spacing: .32px; color: var(--ac-white); text-decoration: none;
}

.ac-cell.ac-col-variant { font: normal normal 300 16px/22px var(--ac-font); letter-spacing: .32px; color: var(--ac-white); }

.ac-cell.ac-col-qty { text-align: left; }
.ac-qty { display: inline-flex; align-items: center; gap: 22px; }
.ac-qty__val { font: normal normal 300 16px/22px var(--ac-font); letter-spacing: .32px; color: var(--ac-white); min-width: 12px; text-align: center; }
.ac-qty__btn { background: none; border: 0; padding: 0; cursor: pointer; font: 300 18px/1 var(--ac-font); color: var(--ac-white); transition: color .15s ease; }
.ac-qty__btn:hover { color: var(--ac-accent); background: transparent !important; opacity: 1 !important; }

.ac-cell.ac-col-total { font: normal normal 600 16px/22px var(--ac-font); letter-spacing: 1.92px; color: var(--ac-white); text-align: right; white-space: nowrap; }
.ac-cell.ac-col-total .woocommerce-Price-amount { color: var(--ac-white); }

.ac-cell.ac-col-remove { text-align: right; }
.ac-remove { background: none; border: 0; padding: 6px; cursor: pointer; display: inline-flex; }
.ac-remove .ac-trash path { transition: opacity .15s ease; }
.ac-remove:hover .ac-trash path { opacity: .8; }

.ac-empty td { padding: 40px 0; color: var(--ac-muted); font: 300 16px/22px var(--ac-font); }

/* cart foot: sub-total + continue (right-aligned, under the table) */
.anordev-cart-foot {
	width: 380px;
	max-width: 100%;
	margin: 8px 0 0 auto;
	padding-top: 24px;
	border-top: 1px solid var(--ac-line);
	font-family: var(--ac-font);
}
.anordev-cart-foot__row { display: flex; justify-content: flex-end; align-items: baseline; gap: 24px; }
.anordev-cart-foot__label { font: normal normal 600 13px/18px var(--ac-font); letter-spacing: 1.3px; text-transform: uppercase; color: var(--ac-muted); }
.anordev-cart-foot__value { font: normal normal 600 16px/22px var(--ac-font); letter-spacing: 1.6px; color: var(--ac-white); white-space: nowrap; }
.anordev-cart-foot__value .woocommerce-Price-amount { color: var(--ac-white); }
.anordev-cart-foot__actions { margin-top: 28px; text-align: right; }
.anordev-cart-foot .button.anordev-continue-link {
	position: relative;
	display: inline-block;
	background: none; border: 0; border-radius: 0; padding: 0;
	font: normal normal 600 16px/22px var(--ac-font);
	letter-spacing: 1.4px; text-transform: uppercase; color: var(--ac-white);
	text-decoration: none; cursor: pointer; transition: color .15s ease;
}
.anordev-cart-foot .button.anordev-continue-link::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -4px;
	width: 100%;
	height: 1px;
	background: var(--ac-accent);
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform .28s ease;
}
.anordev-cart-foot .button.anordev-continue-link:hover { opacity: 1; background: none; color: var(--ac-accent); }
.anordev-cart-foot .button.anordev-continue-link:hover::after { transform: scaleX(1); }

/* ============================================================ CHECKOUT (2 & 3) */
.anordev-checkout { font-family: var(--ac-font); color: var(--ac-white); }
.anordev-checkout__grid {
	display: grid;
	grid-template-columns: 1fr 38.1%;
	gap: 80px;
	align-items: start;
}
.anordev-checkout__main { min-width: 0; }

/* step panel visibility — !important so these toggles beat the buttons' own
   equal-specificity display:inline-block that appears later in the file. */
.anordev-checkout[data-anordev-step="2"] .anordev-panel--payment,
.anordev-checkout[data-anordev-step="2"] .anordev-place-order { display: none !important; }
.anordev-checkout[data-anordev-step="3"] .anordev-panel--address,
.anordev-checkout[data-anordev-step="3"] .anordev-continue { display: none !important; }

/* fieldset titles */
.anordev-fieldset-title {
	font: normal normal 600 14px/28px var(--ac-font);
	letter-spacing: 1.4px; text-transform: uppercase; color: var(--ac-muted);
	margin: 0 0 24px;
}
.anordev-fieldset-title--contact { margin-top: 44px; }

/* ----- form fields ----- */
.anordev-checkout .anordev-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 32px;
	row-gap: 20px;
}
/* Address: simple two-column grid — fields pair up 2 per row
   (First/Last, Street/ZIP, City/State, Country). */
.anordev-checkout .anordev-grid--address {
	grid-template-columns: 1fr 1fr;
}
/* One cell per field, overriding any default form-row-wide so the pairing holds. */
.anordev-checkout .anordev-grid--address > .form-row { grid-column: auto; }
/* Keep e-mail + phone on one row (phone keeps WooCommerce's default form-row-wide). */
.anordev-checkout #billing_phone_field { grid-column: auto; }

.anordev-checkout .form-row { margin: 0; padding: 0; }
.anordev-checkout .form-row-wide { grid-column: 1 / -1; }

/* Floating labels (address + contact grids): label rests in the field, floats up when focused/filled. */
/* width:auto / float:none neutralise WooCommerce core's form-row-first/last 47% + float
   so every field stretches to fill its grid cell (names, ZIP, e-mail were coming out narrow). */
.anordev-checkout .anordev-grid .form-row { position: relative; width: auto !important; max-width: none !important; float: none !important; padding: 16px 0 0; }
.anordev-checkout .anordev-grid .form-row > label {
	position: absolute;
	left: 0;
	top: 24px;
	margin: 0;
	pointer-events: none;
	font: normal normal 300 16px/22px var(--ac-font);
	letter-spacing: .32px;
	color: var(--ac-field);
	transition: top .15s ease, font-size .15s ease, color .15s ease;
}
.anordev-checkout .anordev-grid .form-row:hover > label { color: var(--ac-white); }
.anordev-checkout .anordev-grid .form-row.anordev-focused > label,
.anordev-checkout .anordev-grid .form-row.anordev-has-value > label {
	top: 0;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: .6px;
}
.anordev-checkout .form-row label .required,
.anordev-checkout .form-row label .optional { display: none; }
/* !important throughout: this theme styles inputs strongly, so the rest state must be forced
   too — otherwise empty fields (no anordev-has-value yet, e.g. name/surname/phone) fall back
   to the theme's input look while only pre-filled fields pick up our styling. */
.anordev-checkout .input-text,
.anordev-checkout select,
.anordev-checkout textarea {
	box-sizing: border-box !important;
	width: 100% !important;
	max-width: 100% !important;
	min-height: 0 !important;
	height: auto !important;
	background: transparent !important;
	border: 0 !important;
	border-bottom: 1px solid var(--ac-field) !important;
	border-radius: 0 !important;
	padding: 8px 0 !important;
	color: var(--ac-white) !important;
	font: normal normal 300 16px/22px var(--ac-font);
	letter-spacing: .32px;
	box-shadow: none !important;
	transition: border-color .15s ease;
}
/* Strip native select chrome so selects render at the exact size of the text inputs. */
.anordev-checkout select { -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; }
/* No placeholders — fields rely on the floating label only. */
.anordev-checkout .input-text::placeholder { color: rgba(255, 255, 255, 0); }

/* Bottom border only (1px). States, in precedence order (source order matters):
   rest = 65% white (base rule), hover = white, focus / filled = accent (#cec1a7).
   The focus/filled block comes last so a filled or focused field keeps the accent even on hover.
   border-width/style/color + box-shadow:none beat a theme that re-borders or glows the input. */
.anordev-checkout .input-text:hover,
.anordev-checkout select:hover,
.anordev-checkout textarea:hover {
	border-width: 0 0 1px !important;
	border-style: solid !important;
	border-color: var(--ac-white) !important;
	box-shadow: none !important;
	outline: 0 !important;
}
.anordev-checkout .input-text:focus,
.anordev-checkout select:focus,
.anordev-checkout textarea:focus,
.anordev-checkout .anordev-grid .anordev-has-value .input-text,
.anordev-checkout .anordev-grid .anordev-has-value select {
	border-width: 0 0 1px !important;
	border-style: solid !important;
	border-color: var(--ac-accent) !important;
	box-shadow: none !important;
	outline: 0 !important;
}
.anordev-checkout .anordev-grid .anordev-has-value .select2-container .select2-selection,
.anordev-checkout .select2-container--open .select2-selection { border-bottom-color: var(--ac-accent) !important; }

/* Input text is always white (theme may tint it on hover/focus). */
.anordev-checkout .input-text,
.anordev-checkout .input-text:hover,
.anordev-checkout .input-text:focus,
.anordev-checkout select:hover,
.anordev-checkout select:focus,
.anordev-checkout textarea:hover,
.anordev-checkout textarea:focus { color: var(--ac-white) !important; }
.anordev-checkout .select2-container--default .select2-selection--single,
.anordev-checkout .select2-container .select2-selection { background: transparent; border: 0; border-bottom: 1px solid var(--ac-field); border-radius: 0; height: auto; }
.anordev-checkout .select2-container .select2-selection__rendered { color: var(--ac-white) !important; padding: 0 !important; line-height: 38px; }
/* select2 sets a fixed inline px width on its container — force it to fill the grid cell. */
.anordev-checkout .select2-container { box-sizing: border-box; width: 100% !important; max-width: 100%; }

/* Validation: no red label/border — re-point WooCommerce's --wc-red to the normal field
   colour within the form, and show the error as a message below the input instead. */
.anordev-checkout { --wc-red: var(--ac-field); }
.anordev-checkout .form-row.woocommerce-invalid input.input-text,
.anordev-checkout .form-row.woocommerce-invalid select { box-shadow: none; }
.anordev-field-error {
	display: block;
	margin-top: 6px;
	font: normal normal 400 12px/16px var(--ac-font);
	letter-spacing: .2px;
	color: var(--ac-error);
}

.anordev-shipping-note { margin-top: 48px; max-width: 420px; }
.anordev-shipping-note p { font: normal normal 300 14px/22px var(--ac-font); color: rgba(255,255,255,.75); margin: 0 0 4px; }
.anordev-shipping-note .anordev-muted { color: var(--ac-muted); }

/* ----- payment methods (step 3, left) ----- */
.anordev-payment { margin: 0; }
.anordev-payment .wc_payment_methods { list-style: none; margin: 0; padding: 0; }
.anordev-payment .wc_payment_methods > li {
	display: grid;
	grid-template-columns: auto 1fr;
	align-items: center;
	column-gap: 14px;
	border: 1px solid var(--ac-line);
	background: rgba(255,255,255,.02);
	margin: 0 0 14px;
	padding: 22px 24px;
	transition: border-color .15s ease, background .15s ease;
}
.anordev-payment .wc_payment_methods > li:hover { border-color: var(--ac-line-strong); }
.anordev-payment .wc_payment_methods > li.anordev-selected { border-color: var(--ac-line-strong); background: rgba(255,255,255,.07); }
.anordev-payment .wc_payment_methods > li > label {
	grid-column: 2;
	display: flex; align-items: center;
	font: normal normal 300 16px/22px var(--ac-font);
	letter-spacing: .32px; color: var(--ac-white); cursor: pointer; margin: 0;
}
.anordev-payment .wc_payment_methods > li > label::after {
	content: "Free";                 /* decorative; remove if you charge for gateways */
	margin-left: auto;
	font: normal normal 600 13px/1 var(--ac-font);
	letter-spacing: 1.4px; text-transform: uppercase; color: var(--ac-muted);
}
.anordev-payment .wc_payment_methods input[type="radio"] { grid-column: 1; accent-color: #fff; width: 16px; height: 16px; margin: 0; }
.anordev-payment .payment_box {
	grid-column: 1 / -1;
	margin: 16px 0 0; padding: 0; background: transparent; color: rgba(255,255,255,.7);
	font: normal normal 300 14px/20px var(--ac-font);
}
.anordev-payment .payment_box::before { display: none; }
.anordev-payment .wc_payment_method img { max-height: 22px; width: auto; }

/* ----- summary (right, both steps) ----- */
.anordev-checkout__summary { font-family: var(--ac-font); }
.anordev-summary__title {
	font: normal normal 600 14px/28px var(--ac-font);
	letter-spacing: 1.4px; text-transform: uppercase; color: var(--ac-muted);
	margin: 0 0 26px;
}
.anordev-summary__items { margin: 0 0 28px; }
.anordev-summary__item { display: grid; grid-template-columns: 44px 1fr auto auto; align-items: center; gap: 14px; padding: 0 0 18px; }
.asi-thumb img { width: 44px; height: 62px; object-fit: cover; display: block; }
.asi-info { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.asi-name { font: normal normal 600 13px/18px var(--ac-font); letter-spacing: .26px; color: var(--ac-white); }
.asi-variant { font: normal normal 300 12px/16px var(--ac-font); color: var(--ac-muted); }
.asi-qty { font: 300 13px/18px var(--ac-font); color: var(--ac-muted); padding: 0 8px; }
.asi-price { font: 600 13px/18px var(--ac-font); color: var(--ac-white); white-space: nowrap; }

.anordev-summary__totals {
	border-top: 1px solid var(--ac-line);
	padding-top: 24px;
	display: grid;
	grid-template-columns: 1fr auto;
	column-gap: 24px;
	row-gap: 14px;
	align-items: baseline;
}
.ast-row { display: contents; }
.ast-label { text-align: right; font: normal normal 600 13px/18px var(--ac-font); letter-spacing: 1.3px; text-transform: uppercase; color: var(--ac-muted); }
.ast-value { text-align: right; font: normal normal 600 16px/22px var(--ac-font); letter-spacing: 1.6px; color: var(--ac-white); white-space: nowrap; }
.ast-value .woocommerce-Price-amount { color: var(--ac-white); }
.ast-row--total .ast-label,
.ast-row--total .ast-value { padding-top: 10px; }
.ast-row--total .ast-value { letter-spacing: 1.92px; }
/* Total price value + currency symbol in the accent colour (label stays muted). */
.ast-row--total .ast-value,
.ast-row--total .ast-value .woocommerce-Price-amount,
.ast-row--total .ast-value .woocommerce-Price-currencySymbol { color: var(--ac-accent); }

/* ----- summary actions ----- */
.anordev-summary__actions { margin-top: 34px; text-align: right; }
/* #place_order is included by ID so it out-ranks the theme's id-level button styling
   (background / border / radius / shadow) and stays a plain text button like Continue. */
.anordev-checkout .button.anordev-continue,
.anordev-checkout .anordev-place-order .button,
.anordev-checkout button#place_order {
	position: relative;
	display: inline-block;
	background: none; border: 0; border-radius: 0; padding: 0; box-shadow: none; min-height: 0;
	font: normal normal 600 14px/28px var(--ac-font);
	letter-spacing: 1.4px; text-transform: uppercase; color: var(--ac-white);
	cursor: pointer; transition: color .15s ease;
}
/* Checkout Continue: larger label than the Confirm button. */
.anordev-checkout .button.anordev-continue { font-size: 16px; line-height: 22px; }
/* Accent underline that wipes in left → right on hover. */
.anordev-checkout .button.anordev-continue::after,
.anordev-checkout .anordev-place-order .button::after,
.anordev-checkout button#place_order::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -4px;
	width: 100%;
	height: 1px;
	background: var(--ac-accent);
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform .28s ease;
}
.anordev-checkout .button.anordev-continue:hover,
.anordev-checkout .anordev-place-order .button:hover,
.anordev-checkout button#place_order:hover { background: none; color: var(--ac-accent); opacity: 1; }
.anordev-checkout .button.anordev-continue:hover::after,
.anordev-checkout .anordev-place-order .button:hover::after,
.anordev-checkout button#place_order:hover::after { transform: scaleX(1); }

.anordev-place-order { text-align: right; }
/* Terms / privacy shows ONLY inside place-order — hide any duplicate copy rendered elsewhere
   (e.g. a stale build that printed it under the payment methods too). */
.anordev-checkout .woocommerce-terms-and-conditions-wrapper { display: none; }
.anordev-checkout .anordev-place-order .woocommerce-terms-and-conditions-wrapper { display: block; margin: 0 0 18px; text-align: left; }
.anordev-place-order .woocommerce-form__label-for-checkbox {
	display: flex; align-items: flex-start; gap: 10px;
	font: normal normal 300 13px/18px var(--ac-font); color: rgba(255,255,255,.8);
}
.anordev-place-order a { color: #fff; text-decoration: underline; }
.anordev-checkout a.woocommerce-privacy-policy-link { color: var(--ac-accent); }

/* ----- responsive ----- */
@media (max-width: 980px) {
	/* Single column: form on top, order summary below. */
	.anordev-checkout__grid { grid-template-columns: 1fr; gap: 48px; }
	.anordev-checkout__summary { order: 2; }
}
@media (max-width: 680px) {
	/* Keep the two-up field grid on phones (matches the mobile design); just tighten the gaps. */
	.anordev-checkout .anordev-grid { column-gap: 18px; row-gap: 16px; }
	/* Progress steps: light 13px label; active = full white, every other step dimmed to 35%. */
	.anordev-step {
		gap: 6px;
		padding-bottom: 12px;
		text-align: center;
		font: normal normal 300 13px/18px var(--ac-font);
		letter-spacing: 1.3px;
		text-transform: uppercase;
		color: var(--ac-white);
		opacity: .35;
	}
	.anordev-step.is-active { opacity: 1; }
	.anordev-step__label { font-size: 13px; letter-spacing: 1.3px; }

	/* Cart → compact card: product on top, variant under, qty / price / remove on one row. */
	.anordev-cart thead { display: none; }
	.anordev-cart, .anordev-cart tbody { display: block; width: 100%; }
	.anordev-cart .ac-row {
		display: grid;
		grid-template-columns: 1fr auto auto;
		grid-template-areas:
			"product product product"
			"variant variant variant"
			"qty     total   remove";
		align-items: center;
		column-gap: 16px;
		row-gap: 10px;
		padding: 18px 0;
		border-bottom: 1px solid var(--ac-line);
	}
	.anordev-cart .ac-cell { padding: 0; border: 0; }
	.anordev-cart .ac-col-product { grid-area: product; }
	.anordev-cart .ac-col-variant { grid-area: variant; text-align: left !important; }
	.anordev-cart .ac-col-qty     { grid-area: qty;     text-align: left !important; }
	.anordev-cart .ac-col-total   { grid-area: total;   text-align: right !important; white-space: nowrap; }
	.anordev-cart .ac-col-remove  { grid-area: remove;  text-align: right !important; }
	.ac-product__img, .ac-product__img img { width: 72px; height: 101px; }
}
@media (max-width: 420px) {
	/* Ultra-narrow: drop to one field per row so labels don't get clipped. */
	.anordev-checkout .anordev-grid { grid-template-columns: 1fr; }
}

/* ============================================== THANK YOU (order received) */
.anordev-thankyou {
	max-width: 960px;
	margin: 0 auto;
	padding: 20px 20px 80px;
	font-family: var(--ac-font);
	color: var(--ac-white);
	text-align: center;
}
.anordev-thankyou__title {
	margin: 0 0 72px;
	font-family: Georgia, 'Times New Roman', serif;   /* elegant serif display — swap for your site's heading font */
	font-style: italic;
	font-weight: 500;
	font-size: clamp(44px, 7vw, 88px);
	line-height: 1.05;
	color: var(--ac-white);
}
.anordev-thankyou__items { max-width: 760px; margin: 0 auto; text-align: left; }
.anordev-thankyou__item {
	display: grid;
	grid-template-columns: 60px 1fr auto auto;
	align-items: center;
	column-gap: 28px;
	padding: 14px 0;
}
.anordev-thankyou__item .att-thumb img { width: 60px; height: auto; display: block; }
.anordev-thankyou .att-info { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.anordev-thankyou .att-name { font: normal normal 600 17px/24px var(--ac-font); letter-spacing: .34px; color: var(--ac-white); }
.anordev-thankyou .att-name a { color: var(--ac-white); text-decoration: none; }
.anordev-thankyou .att-variant { font: normal normal 300 14px/20px var(--ac-font); color: var(--ac-muted); }
.anordev-thankyou .att-qty { font: normal normal 300 16px/22px var(--ac-font); color: var(--ac-white); min-width: 48px; text-align: center; }
.anordev-thankyou .att-price { font: normal normal 600 16px/22px var(--ac-font); letter-spacing: 1.2px; color: var(--ac-white); white-space: nowrap; min-width: 96px; text-align: right; }
.anordev-thankyou .att-price .woocommerce-Price-amount { color: var(--ac-white); }
.anordev-thankyou__message {
	max-width: 720px;
	margin: 72px auto 0;
	font: normal normal 300 18px/28px var(--ac-font);
	color: rgba(255, 255, 255, .85);
}
.anordev-thankyou__actions { margin-top: 56px; margin-bottom: 30px; }
.anordev-back-home {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 14px;
	font: normal normal 600 14px/28px var(--ac-font);
	letter-spacing: 1.4px;
	text-transform: uppercase;
	color: var(--ac-white);
	text-decoration: none;
	transition: color .15s ease;
}
.anordev-back-home__arrow { font-size: 18px; line-height: 1; }
.anordev-back-home::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -4px;
	width: 100%;
	height: 1px;
	background: var(--ac-accent);
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform .28s ease;
}
.anordev-back-home:hover { color: var(--ac-accent); }
.anordev-back-home:hover::after { transform: scaleX(1); }

/* Hide the theme's page title on the order-received page (we show "Order successful"). */
.woocommerce-order-received .title-checkout { display: none !important; }

/* WooCommerce's default order-details table (rendered by the woocommerce_thankyou hook). */
.anordev-thankyou .woocommerce-table__product-name a { color: var(--ac-accent); }
.anordev-thankyou .woocommerce-column--billing-address,
.anordev-thankyou .woocommerce-column--shipping-address { text-align: left; }

@media (max-width: 680px) {
	.anordev-thankyou.woocommerce-order { padding-top: 90px; }
	.anordev-thankyou__title { margin-bottom: 48px; }
	.anordev-thankyou__item { column-gap: 14px; }
	.anordev-thankyou__item .att-thumb img { width: 48px; height: auto; }
	.anordev-thankyou .att-qty { min-width: 0; padding: 0 6px; }
	.anordev-thankyou .att-price { min-width: 0; }
	.anordev-thankyou__message { margin-top: 48px; font-size: 16px; }
}