/**
 * Bench Africa Quote Request - front-end styles.
 *
 * Design tokens (--ba-*) at the top drive the product page, cart, checkout,
 * confirmation page and header mini cart. Enqueued as a cached file (versioned by
 * the plugin version) instead of being printed inline on every page.
 */

/* =====================================================================
   Bench Africa quote UI - design tokens
   One source for colour, border, radius, spacing, type and control size,
   used by the product page, cart, checkout and confirmation page.
   Brand colours follow the Bricks palette so they stay in sync with the theme.
   ===================================================================== */
:where(:root) { /* Fallback only - the live values are Bricks global variables (Bricks > Style manager > Variables, category "Bench Africa"). :where() has zero specificity so Bricks always wins. */
	--ba-primary: var(--bricks-color-tdugrj, #782c31);      /* Primary: buttons, selected, focus */
	--ba-primary-dark: var(--bricks-color-qiiths, #561f22); /* Secondary: hover */
	--ba-tint: var(--bricks-color-hvenvp, #fbf4f4);         /* Selected card background */
	--ba-surface: #fff;
	--ba-surface-muted: var(--bricks-color-23dd7b, #f7f7f7);/* Toggle trays, summary panel */
	--ba-text: var(--bricks-color-9ef34f, #424242);
	--ba-text-muted: var(--bricks-color-f72ac2, #616161);
	--ba-border: #d9d9d9;
	--ba-focus-ring: 0 0 0 3px rgba(120, 44, 49, .18);

	--ba-border-width: 1px;
	--ba-radius: 6px;       /* Controls: inputs, toggles, buttons */
	--ba-radius-lg: 8px;    /* Containers: panels, cards, summary box */
	--ba-control-h: 48px;
	--ba-control-px: 16px;  /* Side padding inside fields; matches panel padding so text and arrows line up */
	--ba-arrow-inset: calc(var(--ba-control-px) + var(--ba-border-width)); /* Dropdown arrow: same inset as the Customise toggle arrow */

	--ba-space-1: 4px;
	--ba-space-2: 8px;
	--ba-space-3: 12px;
	--ba-space-4: 16px;
	--ba-space-5: 24px;

	--ba-font-heading: "Montserrat", sans-serif; /* Theme heading font */
	--ba-fs-sm: 13px;       /* Help text, notes, summaries */
	--ba-fs: 15px;          /* Body and control text (theme base) */
	--ba-fs-title: 18px;    /* Section titles on product pages */
	--ba-fs-title-lg: 20px; /* Section titles on checkout */
}

/* =====================================================================
   WooCommerce behaviour for the quote flow
   ===================================================================== */
.single-product .single_variation .price { display: none !important; }

/* Hide the notices area on product pages (avoids a blank gap and scroll jump),
   but keep it when it holds an error so a failed add-to-quote is explained. */
.single-product .woocommerce-notices-wrapper:not(:has(.woocommerce-error, .wc-block-components-notice-banner.is-error)) {
	display: none !important;
	margin: 0 !important;
	padding: 0 !important;
	height: 0 !important;
	min-height: 0 !important;
}

/* No payment step in a quote request */
#payment .payment_methods,
.woocommerce-checkout #payment ul.payment_methods,
.woocommerce-checkout-payment .wc_payment_methods,
.wc-block-checkout__payment-method,
.wc-block-components-checkout-step--payment,
.wc-block-checkout__payment-options {
	display: none !important;
}

.bench-africa-enquire-price { font-weight: 600; }

/* "ex VAT" after prices and quote totals: a small fixed-size label, so it doesn't scale with large (italic) prices */
.bench-africa-vat-note {
	font-family: var(--ba-font-heading);
	font-size: 11px;
	font-style: normal;
	font-weight: 500;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: var(--ba-text-muted);
	white-space: nowrap;
}

/* =====================================================================
   Shared components
   ===================================================================== */

/* Section titles: theme heading style (Montserrat, letter-spaced, capitalised) */
.bench-africa-checkout-section__title,
.bench-africa-customise__title,
form.woocommerce-checkout .woocommerce-billing-fields > h3,
form.woocommerce-checkout .woocommerce-additional-fields > h3,
form.woocommerce-checkout #order_review_heading {
	margin: 0;
	padding: 0;
	font-family: var(--ba-font-heading);
	font-size: var(--ba-fs-title-lg);
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: 1.5px;
	text-transform: capitalize;
	color: var(--ba-text);
}
form.woocommerce-checkout .woocommerce-billing-fields > h3,
form.woocommerce-checkout .woocommerce-additional-fields > h3,
form.woocommerce-checkout #order_review_heading { margin-bottom: var(--ba-space-4); }

/* Field labels: same everywhere (matches WooCommerce checkout labels) */
.bench-africa-option__label,
.single-product form.cart table.variations th.label label {
	display: block;
	margin: 0;
	font-size: var(--ba-fs);
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: .2px;
	color: var(--ba-text);
	opacity: 1;
}

/* Help text / notes */
.bench-africa-delivery-note,
.bench-africa-customise__choices,
.bench-africa-checkout-card__note,
.single-product form.cart .single_variation .woocommerce-variation-description p {
	font-size: var(--ba-fs-sm);
	line-height: 1.45;
	color: var(--ba-text-muted);
}

/* Sections: title, then content, 12px apart; 24px between sections */
.bench-africa-checkout-fulfilment { margin: 0; }
.bench-africa-checkout-section { display: grid; gap: var(--ba-space-3); margin: 0 0 var(--ba-space-5); padding: 0; border: 0; min-width: 0; }
.bench-africa-checkout-section[hidden] { display: none; }
.bench-africa-checkout-section__options { display: grid; gap: var(--ba-space-2); margin: 0; padding: 0; border: 0; min-width: 0; }

/* Segmented toggle (Delivery | Pickup, Backrests, Finish ...): 48px total */
.bench-africa-segmented { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--ba-space-1); margin: 0; padding: 3px; border: 0; border-radius: var(--ba-radius-lg); background: var(--ba-surface-muted); min-width: 0; }
.bench-africa-segmented--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.bench-africa-segmented__option { position: relative; min-width: 0; margin: 0; cursor: pointer; }
.bench-africa-segmented__option input { position: absolute; inset: 0; margin: 0; opacity: 0; cursor: pointer; }
.bench-africa-segmented__label {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--ba-space-2);
	min-height: calc(var(--ba-control-h) - 6px);
	padding: var(--ba-space-1) var(--ba-space-3);
	border: var(--ba-border-width) solid transparent;
	border-radius: var(--ba-radius);
	font-size: var(--ba-fs);
	font-weight: 600;
	line-height: 1.25;
	text-align: center;
	color: var(--ba-text-muted);
	transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}
.bench-africa-segmented__label svg { width: 20px; height: 20px; flex: 0 0 20px; }
.bench-africa-segmented__option:hover .bench-africa-segmented__label { color: var(--ba-text); background: rgba(255, 255, 255, .6); }
.bench-africa-segmented__option input:checked + .bench-africa-segmented__label { background: var(--ba-surface); border-color: var(--ba-primary); color: var(--ba-primary); }
.bench-africa-segmented__option input:focus-visible + .bench-africa-segmented__label { outline: 2px solid var(--ba-primary); outline-offset: 2px; }

/* Option cards (pickup depots; delivery card at checkout) */
.bench-africa-checkout-card {
	display: flex;
	align-items: flex-start;
	gap: var(--ba-space-3);
	margin: 0;
	padding: var(--ba-space-4);
	border: var(--ba-border-width) solid var(--ba-border);
	border-radius: var(--ba-radius-lg);
	background: var(--ba-surface);
	cursor: pointer;
	transition: border-color .15s ease, background-color .15s ease;
}
label.bench-africa-checkout-card:hover { border-color: var(--ba-primary); }
.bench-africa-checkout-card:has(input:checked) { border-color: var(--ba-primary); background: var(--ba-tint); }
.bench-africa-checkout-card.is-static { cursor: default; }
.bench-africa-checkout-card__body { display: flex; flex-direction: column; gap: var(--ba-space-1); flex: 1 1 auto; min-width: 0; }
.bench-africa-checkout-card__label { font-size: var(--ba-fs); font-weight: 700; line-height: 1.35; color: var(--ba-text); }
.bench-africa-checkout-card__note { display: flex; align-items: flex-start; gap: var(--ba-space-1); }
.bench-africa-checkout-card__note svg { width: 14px; height: 14px; flex: 0 0 14px; margin-top: 2px; }
.bench-africa-checkout-card__price { flex: 0 0 auto; font-size: var(--ba-fs-sm); font-weight: 700; line-height: 1.35; white-space: nowrap; color: var(--ba-text); }

/* Radio (same in every browser) */
.bench-africa-checkout-card input[type="radio"] { flex: 0 0 auto; -webkit-appearance: none; appearance: none; width: 18px; height: 18px; margin: 1px 0 0; padding: 0; border: 2px solid var(--ba-text-muted); border-radius: 50%; background: var(--ba-surface); cursor: pointer; transition: border-color .15s ease; }
.bench-africa-checkout-card input[type="radio"]:checked { border-color: var(--ba-primary); background: var(--ba-primary); box-shadow: inset 0 0 0 3px var(--ba-surface); }
.bench-africa-checkout-card input[type="radio"]:focus-visible { outline: 2px solid var(--ba-primary); outline-offset: 2px; }

/* Selects and text inputs (product page) */
.bench-africa-option-select,
.bench-africa-option-text,
.bench-africa-option-input,
.single-product form.cart table.variations td.value select {
	width: 100%;
	height: var(--ba-control-h);
	min-height: var(--ba-control-h);
	margin: 0;
	padding: 0 var(--ba-control-px) !important;
	border: var(--ba-border-width) solid var(--ba-border);
	border-radius: var(--ba-radius);
	background: var(--ba-surface);
	box-shadow: none;
	font-size: var(--ba-fs);
	line-height: calc(var(--ba-control-h) - 2px);
	color: var(--ba-text);
}
.bench-africa-option-select,
.single-product form.cart table.variations td.value select { padding-right: calc(var(--ba-arrow-inset) + 28px) !important; -webkit-appearance: none; appearance: none; cursor: pointer; }
.bench-africa-option-select:focus,
.bench-africa-option-text:focus,
.bench-africa-option-input:focus,
.single-product form.cart table.variations td.value select:focus { border-color: var(--ba-primary); outline: none; box-shadow: var(--ba-focus-ring); }
.bench-africa-option-text[hidden] { display: none; }

/* Dropdown arrow: same as the FAQ accordion (Ionicons ios-arrow-dropdown-circle) */
.bench-africa-select { position: relative; display: block; }
.bench-africa-select::after,
.single-product form.cart table.variations td.value::after,
.bench-africa-customise__toggle::after {
	content: "\f125";
	font-family: Ionicons;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	color: var(--ba-primary);
	speak: never;
	-webkit-font-smoothing: antialiased;
}
.bench-africa-select::after,
.single-product form.cart table.variations td.value::after { position: absolute; right: var(--ba-arrow-inset); top: calc(var(--ba-control-h) / 2); transform: translateY(-50%); pointer-events: none; }
.single-product form.cart table.variations td.value { position: relative; }

/* Site-wide WooCommerce buttons, the header mini cart and checkout fields are styled by the
   child theme (bricks-child/assets/css/woocommerce.css). */

/* =====================================================================
   Product page
   ===================================================================== */

/* Size / set option (variations): label above a full-width select */
.single-product form.cart table.variations,
.single-product form.cart table.variations tbody,
.single-product form.cart table.variations tr,
.single-product form.cart table.variations th,
.single-product form.cart table.variations td { display: block; width: 100%; padding: 0 !important; border: 0; background: none; }
.single-product form.cart table.variations { margin: 0 !important; }
.single-product form.cart table.variations tr { margin-bottom: var(--ba-space-3); }
.single-product form.cart table.variations tr:last-child { margin-bottom: 0; }
.single-product form.cart table.variations th.label { margin-bottom: var(--ba-space-2); }
.single-product form.cart table.variations .reset_variations { display: inline-block; margin-top: var(--ba-space-2) !important; font-size: var(--ba-fs-sm) !important; }
/* WooCommerce hides "Clear" with visibility, which still reserves its line - collapse it until a size is picked */
.single-product form.cart table.variations .reset_variations[style*="hidden"] { display: none !important; }
/* Standard section gap between the size picker and Customise */
.single-product form.variations_form .bench-africa-product-options { margin-top: var(--ba-space-5); }
/* Chosen size's dimensions sit just under the dropdown. No !important: WooCommerce
   slides this block in and out by animating its inline margins/height. */
.single-product form.variations_form .single_variation_wrap .woocommerce-variation.single_variation { margin: var(--ba-space-2) 0 0; font-size: var(--ba-fs-sm); }
.single-product form.variations_form .woocommerce-variation-price:empty,
.single-product form.variations_form .woocommerce-variation-availability:empty { display: none; }
.single-product form.cart .single_variation .woocommerce-variation-description p { margin: 0 0 var(--ba-space-1); }

/* "Dimensions: L … × W … × H … mm" under the size picker (filled in by JS for variable products) */
/* Same small note style as the chosen size's description just above it */
.bench-africa-dimensions { flex-basis: 100%; width: 100%; margin: var(--ba-space-1) 0 0; font-size: var(--ba-fs-sm); color: var(--ba-text-muted); }
.bench-africa-dimensions__value { font-weight: 600; color: var(--ba-text); }
.bench-africa-dimensions[hidden] { display: none; }
/* The section gap sits on Delivery method, so it's the same whether the (hidden until a size
   is chosen) dimensions line is showing or not. With quote options, those carry the gap. */
.bench-africa-dimensions + .bench-africa-product-fulfilment { margin-top: var(--ba-space-5); }

/* Customise panel */
.bench-africa-product-options { margin: var(--ba-space-4) 0 var(--ba-space-5); }
.bench-africa-customise { border: var(--ba-border-width) solid var(--ba-border); border-radius: var(--ba-radius-lg); background: var(--ba-surface); transition: border-color .15s ease; }
.bench-africa-customise[open] { border-color: var(--ba-primary); }
.bench-africa-customise__summary { display: grid; gap: var(--ba-space-1); padding: var(--ba-space-4); cursor: pointer; list-style: none; }
.bench-africa-customise__summary::-webkit-details-marker { display: none; }
.bench-africa-customise__summary:focus-visible { outline: 2px solid var(--ba-primary); outline-offset: 2px; border-radius: var(--ba-radius-lg); }
.bench-africa-customise__head { display: flex; align-items: center; justify-content: space-between; gap: var(--ba-space-3); }
.bench-africa-customise__title { font-size: var(--ba-fs-title); }
.bench-africa-customise__toggle { display: inline-flex; align-items: center; gap: 6px; font-size: var(--ba-fs-sm); font-weight: 700; color: var(--ba-primary); }
.bench-africa-customise__toggle::after { display: inline-block; transition: transform .2s ease; }
.bench-africa-customise[open] .bench-africa-customise__toggle::after { transform: rotateZ(180deg); }
.bench-africa-customise__when-open,
.bench-africa-customise[open] .bench-africa-customise__when-closed,
.bench-africa-customise[open] .bench-africa-customise__choices { display: none; }
.bench-africa-customise[open] .bench-africa-customise__when-open { display: inline; }
.bench-africa-customise__body { display: grid; gap: var(--ba-space-4); padding: 0 var(--ba-space-4) var(--ba-space-4); }
.bench-africa-option { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--ba-space-2); }

/* Delivery method on the product page */
.bench-africa-product-fulfilment { margin: 0; }
.bench-africa-product-fulfilment .bench-africa-checkout-section__title { font-size: var(--ba-fs-title); }
.bench-africa-product-fulfilment .bench-africa-checkout-section:has(+ .bench-africa-delivery-note:not([hidden])) { margin-bottom: var(--ba-space-2); }
.bench-africa-delivery-note { margin: 0 0 var(--ba-space-5); }
.bench-africa-delivery-note[hidden] { display: none; }

/* Theme styles labels inside form.cart (greyed, fixed widths); reset for our controls */
.single-product form.cart .bench-africa-product-options label,
.single-product form.cart .bench-africa-product-fulfilment label { width: auto; margin: 0; color: inherit; }

/* Quantity + Add to quote + View quote icon on one row */
.bench-africa-quote-row {
	display: flex !important;
	flex-wrap: nowrap !important;
	align-items: center !important;
	gap: var(--ba-space-3) !important;
	width: 100% !important;
	margin: 0 0 var(--ba-space-4) !important;
}
.single-product form.cart .bench-africa-quote-row .quantity {
	display: inline-flex !important;
	align-items: stretch !important;
	flex: 0 0 auto !important;
	height: var(--ba-control-h) !important;
	margin: 0 !important;
	overflow: hidden !important;
	float: none !important;
	border: var(--ba-border-width) solid var(--ba-border) !important;
	border-radius: var(--ba-radius) !important;
	background: var(--ba-surface) !important;
}
.single-product form.cart .bench-africa-quote-row .quantity input.qty {
	width: 52px !important;
	height: 100% !important;
	margin: 0 !important;
	padding: 0 var(--ba-space-2) !important;
	border: 0 !important;
	border-left: var(--ba-border-width) solid var(--ba-border) !important;
	border-right: var(--ba-border-width) solid var(--ba-border) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	font-size: var(--ba-fs) !important;
	text-align: center !important;
	color: var(--ba-text) !important;
}
.single-product form.cart .bench-africa-quote-row .quantity .action,
.single-product form.cart .bench-africa-quote-row .quantity .minus,
.single-product form.cart .bench-africa-quote-row .quantity .plus {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 40px !important;
	height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: var(--ba-surface-muted) !important;
	color: var(--ba-text) !important;
	cursor: pointer !important;
	user-select: none !important;
	transition: background-color .15s ease, color .15s ease !important;
}
.single-product form.cart .bench-africa-quote-row .quantity .action:hover,
.single-product form.cart .bench-africa-quote-row .quantity .minus:hover,
.single-product form.cart .bench-africa-quote-row .quantity .plus:hover { background: #eee !important; color: var(--ba-primary) !important; }
.single-product form.cart .bench-africa-quote-row .quantity svg { width: 14px !important; height: 14px !important; }
.single-product form.cart .bench-africa-quote-row .single_add_to_cart_button {
	flex: 0 1 auto !important;
	width: auto !important;
	height: var(--ba-control-h) !important;
	margin: 0 !important;
	white-space: nowrap !important;
}

/* Icon-only "View quote" link, revealed once something is in the quote */
.bench-africa-view-quote-icon-button {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex: 0 0 var(--ba-control-h) !important;
	width: var(--ba-control-h) !important;
	height: var(--ba-control-h) !important;
	min-width: var(--ba-control-h) !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: var(--ba-radius) !important;
	background: transparent !important;
	box-shadow: none !important;
	color: var(--ba-primary) !important;
	text-decoration: none !important;
	cursor: pointer !important;
	opacity: 0;
	transform: scale(.8);
	transition: opacity .3s ease, transform .3s ease, color .15s ease !important;
}
.bench-africa-view-quote-icon-button.is-visible { opacity: 1; transform: scale(1); }
.bench-africa-view-quote-icon-button:hover { background: var(--ba-tint) !important; color: var(--ba-primary-dark) !important; }
.bench-africa-view-quote__icon { display: block !important; width: 26px !important; height: 26px !important; margin: 0 !important; padding: 0 !important; stroke: currentColor !important; stroke-width: 2 !important; }

/* =====================================================================
   Checkout
   ===================================================================== */
.bench-africa-checkout-contact:not(:has(#billing_email_field)) { display: none; }
.bench-africa-checkout-contact #billing_email_field { width: 100%; margin: 0; float: none; }
form.woocommerce-checkout .bench-africa-address-field[hidden] { display: none !important; }

/* Layout: left = contact, delivery method, address; right = quote summary */
@media (min-width: 768px) {
	form.woocommerce-checkout.bricks-default-checkout {
		grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
		grid-template-rows: auto 1fr; /* extra height from the right column goes below the address, not between blocks */
		column-gap: 40px;
		row-gap: 0;
	}
	form.woocommerce-checkout.bricks-default-checkout > #bench-africa-fulfilment { grid-column: 1; grid-row: 1; }
	form.woocommerce-checkout.bricks-default-checkout > #customer_details { grid-column: 1; grid-row: 2; align-self: start; }
	form.woocommerce-checkout.bricks-default-checkout > div:has(> #order_review_heading) {
		grid-column: 2;
		grid-row: 1 / span 2;
		align-self: start;
		padding: var(--ba-space-5);
		border: var(--ba-border-width) solid var(--ba-border);
		border-radius: var(--ba-radius-lg);
		background: var(--ba-surface-muted);
	}
}

.bench-africa-fulfilment-total td { font-weight: 600; }

/* Reassurance + privacy line by the submit button */
.bench-africa-submit-note { margin: 0 0 var(--ba-space-3); font-size: var(--ba-fs); font-weight: 600; text-align: center; color: var(--ba-text); }

/* =====================================================================
   Small screens
   ===================================================================== */
@media (max-width: 480px) {
	/* Radio stays beside the text; price drops under it */
	.bench-africa-checkout-card { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: var(--ba-space-3); row-gap: var(--ba-space-1); }
	.bench-africa-checkout-card__price { grid-column: 2; }
	.bench-africa-checkout-card.is-static { grid-template-columns: minmax(0, 1fr); }
	.bench-africa-checkout-card.is-static .bench-africa-checkout-card__price { grid-column: 1; }

	.bench-africa-quote-row { flex-wrap: wrap !important; }
	.single-product form.cart .bench-africa-quote-row .single_add_to_cart_button { flex: 1 1 auto !important; }

	.bench-africa-checkout-section__title,
	.bench-africa-customise__title,
	form.woocommerce-checkout .woocommerce-billing-fields > h3,
	form.woocommerce-checkout .woocommerce-additional-fields > h3,
	form.woocommerce-checkout #order_review_heading { font-size: var(--ba-fs-title); }
}
@media (max-width: 420px) {
	/* Three-way toggles stack rather than squeeze */
	.bench-africa-segmented.bench-africa-segmented--3 { grid-template-columns: minmax(0, 1fr); }
}
	

/* =====================================================================
   Quote confirmation (thank-you) page
   ===================================================================== */
/* Uses the shared --ba-* design tokens defined in the quote plugin's stylesheet */
.bench-africa-thankyou { display: grid; gap: var(--ba-space-5); max-width: 760px; margin: 0 auto; color: var(--ba-text); }
.bench-africa-thankyou__hero { padding: var(--ba-space-2) 0 0; text-align: center; }
.bench-africa-thankyou__tick { display: inline-flex; align-items: center; justify-content: center; width: 56px; height: 56px; margin-bottom: var(--ba-space-3); border-radius: 50%; background: var(--ba-primary); color: #fff; }
.bench-africa-thankyou__tick svg { width: 28px; height: 28px; }
.bench-africa-thankyou__title { margin: 0 0 var(--ba-space-2); font-family: var(--ba-font-heading); font-size: 26px; font-weight: 700; line-height: 1.3; letter-spacing: 1.5px; text-transform: capitalize; }
.bench-africa-thankyou__meta { margin: 0 0 var(--ba-space-3); font-size: var(--ba-fs-sm); color: var(--ba-text-muted); }
.bench-africa-thankyou__lead { margin: 0; font-size: var(--ba-fs); }
.bench-africa-thankyou__section { padding: var(--ba-space-5); border: var(--ba-border-width) solid var(--ba-border); border-radius: var(--ba-radius-lg); background: var(--ba-surface); }
.bench-africa-thankyou__heading { margin: 0 0 var(--ba-space-4); font-family: var(--ba-font-heading); font-size: var(--ba-fs-title); font-weight: 700; line-height: 1.3; letter-spacing: 1.5px; text-transform: capitalize; }
.bench-africa-thankyou__steps { display: grid; gap: var(--ba-space-4); margin: 0; padding: 0; list-style: none; counter-reset: bench-step; }
.bench-africa-thankyou__steps li { position: relative; display: grid; gap: 2px; min-height: 32px; padding-left: 48px; counter-increment: bench-step; }
.bench-africa-thankyou__steps li::before { content: counter(bench-step); position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border: var(--ba-border-width) solid var(--ba-primary); border-radius: 50%; background: var(--ba-tint); font-size: var(--ba-fs-sm); font-weight: 700; color: var(--ba-primary); }
.bench-africa-thankyou__steps strong { font-size: var(--ba-fs); }
.bench-africa-thankyou__steps span { font-size: var(--ba-fs-sm); line-height: 1.45; color: var(--ba-text-muted); }
.bench-africa-thankyou__items { display: grid; gap: var(--ba-space-3); margin: 0 0 var(--ba-space-4); padding: 0; list-style: none; }
.bench-africa-thankyou__item { display: flex; align-items: flex-start; gap: var(--ba-space-3); }
.bench-africa-thankyou__thumb img { display: block; width: 64px; height: 64px; border-radius: var(--ba-radius); object-fit: cover; }
.bench-africa-thankyou__item-body { display: grid; gap: var(--ba-space-1); min-width: 0; }
.bench-africa-thankyou__item-name { font-size: var(--ba-fs); font-weight: 700; }
.bench-africa-thankyou__qty { font-weight: 400; color: var(--ba-text-muted); }
.bench-africa-thankyou__item-meta { font-size: var(--ba-fs-sm); line-height: 1.45; color: var(--ba-text-muted); }
.bench-africa-thankyou__item-meta p { display: inline; margin: 0; }
.bench-africa-thankyou__fulfilment { display: grid; gap: var(--ba-space-1); padding-top: var(--ba-space-4); border-top: var(--ba-border-width) solid var(--ba-border); }
.bench-africa-thankyou__fulfilment p { margin: 0; }
.bench-africa-thankyou__label { font-weight: 700; }
.bench-africa-thankyou__fulfilment a,
.bench-africa-thankyou__contact a,
.bench-africa-thankyou__secondary { font-weight: 700; color: var(--ba-primary); }
.bench-africa-thankyou__contact p { margin: 0 0 var(--ba-space-2); }
.bench-africa-thankyou__contact-list { display: flex; flex-wrap: wrap; gap: var(--ba-space-2) var(--ba-space-5); margin: 0; padding: 0; list-style: none; }
.bench-africa-thankyou__actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: var(--ba-space-3) var(--ba-space-5); padding: 0 0 var(--ba-space-3); }
.bench-africa-thankyou__secondary { text-decoration: underline; }
@media (max-width: 480px) {
	.bench-africa-thankyou__title { font-size: 22px; }
	.bench-africa-thankyou__section { padding: var(--ba-space-4); }
	.bench-africa-thankyou__actions .button { width: 100%; }
}

/* Extra cost beside a Customise choice ("+30%") and in the description list */
.bench-africa-option__cost { font-size: var(--ba-fs-sm); font-weight: 500; white-space: nowrap; color: var(--ba-text-muted); }
.bench-africa-segmented__label .bench-africa-option__cost { font-size: 12px; }
.bench-africa-segmented__option input:checked + .bench-africa-segmented__label .bench-africa-option__cost { color: var(--ba-primary); }

/* Generated description sections: "Options & extras" and "Sizes & prices" */
.bench-africa-description-heading { margin: var(--ba-space-5) 0 var(--ba-space-3); font-family: var(--ba-font-heading); font-size: var(--ba-fs-title); font-weight: 600; letter-spacing: 1px; color: var(--ba-text); }
.bench-africa-description-heading + .wp-block-table { margin-top: 0; }
.bench-africa-options-list { margin: 0; padding-left: 1.2em; }
.bench-africa-options-list li { margin: 0 0 var(--ba-space-1); }
.bench-africa-options-list .bench-africa-option__cost { color: var(--ba-primary); font-weight: 600; }

/* "Enquire for quote" (no price): a plain line, not styled like a large italic price.
   !important: the Bricks price element sizes ".price > span" by ID. */
.brxe-product-price .bench-africa-enquire-price { font-size: var(--ba-fs-title) !important; font-style: normal; font-weight: 600; letter-spacing: 0; color: var(--ba-text); }
/* Chosen extras aren't in the price yet: note under Customise and under quote totals */
.bench-africa-extras-note { margin: var(--ba-space-2) 0 0; font-size: var(--ba-fs-sm); color: var(--ba-text-muted); }
.bench-africa-total-note { display: block; margin-top: var(--ba-space-1); font-size: 12px; font-weight: 400; font-style: normal; line-height: 1.4; white-space: normal; color: var(--ba-text-muted); }