/* ==========================================================================
   WooCommerce — Flashbox brand skin
   This store uses the block-based Cart & Checkout (WooCommerce Blocks,
   verified against WC 10.9.4) and the classic order-received (thank you)
   template. Every selector below was checked against the real class names
   shipped in this store's own compiled CSS/JS — no guessed classes.

   Architecture: ONE card per logical panel (the step form, the sidebar,
   the cart items table, the cart totals). Sections *inside* a panel are
   separated with a divider line, never with their own nested card — that
   was the previous bug (card-in-card, misaligned borders).
   ========================================================================== */

body.woocommerce-checkout,
body.woocommerce-cart,
body.woocommerce-order-received {
	background: var(--bg);
	font-family: 'Inter', system-ui, sans-serif;
	color: var(--fg);
}

/* max-width with no auto margins just hugs the left edge on any screen
   wider than 1280px + padding — the whole checkout was never actually
   centered on the page, on any wide monitor. */
body.woocommerce-checkout main,
body.woocommerce-cart main,
body.woocommerce-order-received main {
	max-width: 1280px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding: 3rem 1rem 6rem !important;
}

body.woocommerce-checkout h1,
body.woocommerce-cart h1,
body.woocommerce-order-received h1 {
	font-family: 'Raleway', sans-serif;
	font-weight: 800;
	letter-spacing: -0.02em;
	color: var(--fg);
	font-size: clamp(1.75rem, 4vw, 2.25rem);
	margin-bottom: 2rem;
}

body.woocommerce-order-received h1 {
	text-align: center;
}

body.woocommerce-checkout .wc-block-components-checkout-step__title,
body.woocommerce-checkout .wc-block-components-checkout-order-summary__title,
body.woocommerce-cart .wc-block-cart__totals-title,
body.woocommerce-cart .wc-block-cart-items__header {
	font-family: 'Raleway', sans-serif;
	font-weight: 800;
	letter-spacing: -0.02em;
	color: var(--fg);
}

/* ==========================================================================
   CHECKOUT — left column (contact / address / shipping / payment / notes /
   terms / place-order). Verified live in DevTools: the actual direct
   children of .wp-block-woocommerce-checkout-fields-block are a single
   empty-class notices <div> and <form class="wc-block-checkout__form">
   — the panel fieldsets (contact/address/payment/etc.) are direct
   children of THAT form, one level deeper than this file assumed before.
   Targeting the outer wrapper with `>` silently matched nothing, which is
   why every panel had zero padding and no dividers ever rendered.

   Also verified live: .wp-block-woocommerce-checkout-fields-block (the
   flex/grid item) carries WooCommerce's own responsive column-gap as
   real CSS padding on its right edge (~56px, not a round number — it's
   a computed gap, not ours to touch). Painting a white card on BOTH that
   wrapper AND the inner .wc-block-checkout__form drew two nested cards,
   with the wrapper's gap-padding showing through as a dead blank strip
   inside the outer card, right before its border. The card must live on
   .wc-block-checkout__form only; the wrapper stays transparent so its
   padding reads as plain gutter between the two columns. */
/* background-clip: padding-box fixes a real rendering seam on hi-DPI
   (retina) screens: border-radius + border + overflow:hidden + box-shadow
   together can leave a 1px gap where the background peeks past the
   border at the rounded corners, reading as a faint "doubled" edge —
   worst at corners furthest from the shadow's light source (top-right,
   bottom). Clipping the background to the padding box (inside the
   border) removes that gap. */
body.woocommerce-checkout .wc-block-checkout__form {
	background: var(--card);
	background-clip: padding-box;
	border: 1px solid var(--border);
	border-radius: 1rem;
	box-shadow: 0 2px 16px rgba(0, 0, 0, 0.04);
	overflow: hidden;
}

/* Every panel (contact info, addresses, shipping, payment, order note,
   terms, the place-order button row) gets the same padding, and a divider
   line separates it from the panel before it — one continuous card. */
body.woocommerce-checkout .wc-block-checkout__form > [class*="wp-block-woocommerce-checkout-"]:has(> *) {
	padding: 1.75rem;
}

body.woocommerce-checkout .wc-block-checkout__form > [class*="wp-block-woocommerce-checkout-"]:has(> *) ~ [class*="wp-block-woocommerce-checkout-"]:has(> *) {
	border-top: 1px solid var(--border);
}

/* Steps no longer carry their own card — the wrapper above already is one. */
body.woocommerce-checkout .wc-block-components-checkout-step {
	padding: 0;
	margin: 0;
	background: transparent;
	border: none;
	box-shadow: none;
}

body.woocommerce-checkout .wc-block-components-checkout-step__title,
body.woocommerce-checkout .wc-block-components-checkout-order-summary__title {
	position: relative;
	padding-left: 0.75rem;
	margin: 0 0 1.25rem !important;
	line-height: 1.2;
}

body.woocommerce-checkout .wc-block-components-checkout-step__title::before,
body.woocommerce-checkout .wc-block-components-checkout-order-summary__title::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0.15em;
	bottom: 0.15em;
	width: 3px;
	border-radius: 999px;
	background: var(--primary);
}

/* The "+ add apartment, suite, etc." toggle link */
body.woocommerce-checkout .wc-block-components-address-form__address_2-toggle {
	color: var(--primary);
	font-weight: 500;
}

/* Place-order button: full width, sits at the bottom of the same card,
   no longer visually detached from the flow above it. */
body.woocommerce-checkout .wc-block-checkout__actions_row {
	display: flex;
}

body.woocommerce-checkout .wc-block-components-checkout-place-order-button {
	width: 100%;
	justify-content: center;
}

/* ==========================================================================
   CHECKOUT — right column (order summary sidebar). Confirmed children of
   .wp-block-woocommerce-checkout-order-summary-block: cart items, coupon
   form, totals. One card, dividers between the three sections.
   ========================================================================== */

body.woocommerce-checkout .wp-block-woocommerce-checkout-totals-block,
body.woocommerce-checkout .wc-block-checkout__sidebar {
	background: var(--card);
	background-clip: padding-box;
	border: 1px solid var(--border);
	border-radius: 1rem;
	box-shadow: 0 2px 16px rgba(0, 0, 0, 0.04);
	overflow: hidden;
	position: sticky;
	top: 2rem;
	align-self: start;
	padding-left: 0;
}

/* WooCommerce's own default stylesheet puts a border-left directly on
   .wp-block-woocommerce-checkout-order-summary-block (verified live:
   a semi-transparent 1px border, unrelated to anything in this file) —
   presumably meant as a plain divider when this block isn't wrapped in
   its own card. Since we already draw a full card on the sidebar above,
   that border-left rendered as a stray vertical line running the whole
   height of the card, right where the title's red accent bar sits. */
body.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block {
	border: 0;
}

/* Verified live: .wp-block-woocommerce-checkout-order-summary-block's own
   direct children are just the __title and __content wrapper — the cart
   items / coupon form / totals blocks live one level deeper, inside
   __content. Padding each of those individually (as a first attempt did)
   compounds with the sidebar's already-narrow width and crushes the cart
   item row until its title wraps one character per line — confirmed live
   in DevTools. Instead, __content itself carries ONE inset (matching the
   left column), and only a top border + spacing separates its sections,
   with no extra horizontal padding stacked on top. */
/* Verified live: the title's red accent bar (::before) is `position:
   absolute`, anchored to the title's own PADDING edge — so padding-top
   on the title does not push the bar down at all, only the text inside
   it. That left the bar sitting ~2px from the card's top edge instead
   of the intended ~28px gap the left column gets (there, the space
   comes from the parent panel's padding, which moves the whole title
   box — bar included). margin-top moves the box itself, so the bar
   moves with it; padding stays for the horizontal (left/right) inset. */
body.woocommerce-checkout .wc-block-components-checkout-order-summary__title {
	margin-top: 1.75rem !important;
	padding-left: 1.75rem;
	padding-right: 1.75rem;
}

body.woocommerce-checkout .wc-block-components-checkout-order-summary__content {
	padding: 1.75rem;
}

/* Single spacing value, not margin AND padding both at 1.75rem — that
   doubled the gap to 3.5rem around every divider (on top of the
   totals-footer-item's own divider a few lines down), which read as
   stray extra whitespace/lines instead of one clean separator. */
body.woocommerce-checkout .wc-block-components-checkout-order-summary__content > * + * {
	margin-top: 1.25rem;
	padding-top: 1.25rem;
	border-top: 1px solid var(--border);
}

/* Rows inside the totals block (subtotal/discount/shipping/tax) are
   plain rows, not individually padded/bordered like their parent. */
body.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-totals-block > * {
	padding: 0;
	border: none;
}

/* Rows inside the totals block (subtotal/discount/shipping/tax/total)
   are plain rows — no individual boxes. Verified live: every other row
   in this card (product image, "Adaugă cupoane" button) sits 1rem in
   from the card's padding because of their own inner component padding
   — Sub-total/Total had none, so their text sat 1rem further left (and
   the price 1rem further right) than everything above it. */
body.woocommerce-checkout .wc-block-components-totals-item {
	padding: 0.5rem 1rem;
}

body.woocommerce-checkout .wc-block-components-totals-item__value,
body.woocommerce-checkout .wc-block-components-formatted-money-amount {
	font-weight: 700;
	color: var(--fg);
}

/* No margin/padding/border here on checkout: verified live that "Total"
   sits in its own sibling wrapper of __content, so the __content > * + *
   rule above already draws one divider above it. Adding a second one
   here duplicated the line right on top of the first. Cart's own
   .wc-block-cart__sidebar .wc-block-components-totals-footer-item rule
   below is unaffected — the cart sidebar has no such wrapper divider. */
body.woocommerce-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__value,
body.woocommerce-checkout .wc-block-components-totals-footer-item .wc-block-components-formatted-money-amount {
	color: var(--primary);
	font-size: 1.25rem;
	font-weight: 800;
}

body.woocommerce-checkout .wc-block-components-order-summary-item {
	align-items: center;
}

body.woocommerce-checkout .wc-block-components-order-summary-item__image img {
	border-radius: 0.5rem;
}

/* "Save X lei" badge — brand chip instead of a flat rectangle */
body.woocommerce-checkout .wc-block-components-sale-badge,
body.woocommerce-cart .wc-block-components-sale-badge {
	background: rgba(214, 43, 43, 0.1);
	color: var(--primary);
	border: 1px solid rgba(214, 43, 43, 0.25);
	border-radius: 999px;
	font-weight: 600;
	font-size: 0.8rem;
	padding: 0.2rem 0.7rem;
}

/* Trust chips row, injected by main.js as the last child of the order
   summary block — inherits the panel's padding/divider from the rule
   above, this only styles the chips themselves. */
body.woocommerce-checkout .flashbox-checkout-trust {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}

body.woocommerce-checkout .flashbox-checkout-trust span {
	display: inline-flex;
	align-items: center;
	gap: 0.375rem;
	padding: 0.375rem 0.875rem;
	background: rgba(0, 0, 0, 0.03);
	border: 1px solid var(--border);
	border-radius: 999px;
	font-size: 0.8rem;
	font-weight: 500;
	color: var(--muted-fg);
}

body.woocommerce-checkout .flashbox-checkout-trust span::before {
	content: '';
	width: 0.3rem;
	height: 0.3rem;
	border-radius: 50%;
	background: var(--primary);
	flex-shrink: 0;
}

/* ==========================================================================
   CART — items table + totals sidebar (confirmed classes from cart-frontend.js)
   ========================================================================== */

body.woocommerce-cart .wc-block-cart-items {
	background: var(--card);
	background-clip: padding-box;
	border: 1px solid var(--border);
	border-radius: 1rem;
	box-shadow: 0 2px 16px rgba(0, 0, 0, 0.04);
	overflow: hidden;
}

body.woocommerce-cart .wc-block-cart-items__row {
	padding: 1.25rem 1.75rem;
	align-items: center;
}

body.woocommerce-cart .wc-block-cart-items__row.wc-block-cart-items__header {
	align-items: baseline;
}

body.woocommerce-cart .wc-block-cart-items__row + .wc-block-cart-items__row {
	border-top: 1px solid var(--border);
}

body.woocommerce-cart .wc-block-cart-item__image img {
	border-radius: 0.5rem;
}

body.woocommerce-cart .wc-block-cart-item__remove-link,
body.woocommerce-cart .wc-block-cart-item__save-for-later-link {
	color: var(--primary);
	font-weight: 500;
}

/* Empty-cart state + "New in store" cross-sell grid — was falling back to
   unstyled browser defaults (purple/blue links, system serif headings). */
body.woocommerce-cart .wc-block-cart__empty-cart__title,
body.woocommerce-cart .wp-block-heading {
	font-family: 'Raleway', sans-serif;
	font-weight: 800;
	text-align: center;
	color: var(--fg);
}

body.woocommerce-cart .wc-block-grid__products {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
	gap: 1.5rem;
	list-style: none;
	padding: 0;
	margin-top: 1.5rem;
}

body.woocommerce-cart .wc-block-grid__product {
	list-style: none;
}

body.woocommerce-cart .wc-block-grid__product-link {
	text-decoration: none;
	color: inherit;
	display: block;
}

body.woocommerce-cart .wc-block-grid__product-image img {
	border-radius: 0.75rem;
}

body.woocommerce-cart .wc-block-grid__product-title {
	color: var(--fg);
	font-weight: 600;
	margin-top: 0.75rem;
}

body.woocommerce-cart .wc-block-grid__product-price {
	color: var(--primary);
	font-weight: 700;
}

body.woocommerce-cart .wc-block-grid__product-onsale {
	background: var(--primary);
	color: var(--primary-fg);
	border-radius: 999px;
	font-size: 0.75rem;
	font-weight: 600;
	padding: 0.25rem 0.7rem;
}

body.woocommerce-cart .wc-block-cart__sidebar {
	background: var(--card);
	background-clip: padding-box;
	border: 1px solid var(--border);
	border-radius: 1rem;
	box-shadow: 0 2px 16px rgba(0, 0, 0, 0.04);
	overflow: hidden;
	padding: 1.75rem;
}

body.woocommerce-cart .wc-block-cart__sidebar .wc-block-components-totals-footer-item {
	margin-top: 1rem;
	padding-top: 1rem;
	border-top: 1px solid var(--border);
}

body.woocommerce-cart .wc-block-cart__sidebar .wc-block-components-totals-footer-item .wc-block-components-formatted-money-amount {
	color: var(--primary);
	font-size: 1.25rem;
	font-weight: 800;
}

body.woocommerce-cart .wc-block-cart__submit-button {
	width: 100%;
	justify-content: center;
	margin-top: 1rem;
}

/* ==========================================================================
   Shared components across Cart + Checkout blocks
   ========================================================================== */

/* Buttons: place order / proceed to checkout / apply coupon / etc. */
body.woocommerce-checkout .wc-block-components-button:not(.is-link),
body.woocommerce-cart .wc-block-components-button:not(.is-link) {
	background: var(--primary) !important;
	color: var(--primary-fg) !important;
	border-radius: 0.75rem !important;
	font-family: 'Inter', sans-serif !important;
	font-weight: 600 !important;
	letter-spacing: 0.02em;
	border: none !important;
	box-shadow: 0 8px 24px rgba(214, 43, 43, 0.25);
	transition: all 0.25s ease;
}

body.woocommerce-checkout .wc-block-components-button:not(.is-link):hover,
body.woocommerce-cart .wc-block-components-button:not(.is-link):hover {
	background: #b91f1f !important;
	box-shadow: 0 12px 32px rgba(214, 43, 43, 0.35);
}

body.woocommerce-checkout .wc-block-components-button.is-link,
body.woocommerce-cart .wc-block-components-button.is-link {
	color: var(--primary) !important;
}

/* Text inputs (floating-label pattern). Verified live: the real wrapper
   class is `.wc-block-components-text-input` (no `__wrapper` suffix) —
   the old selector matched zero elements, so every text field (email,
   name, address, city, postcode, phone) was rendering with the browser's
   default 1px/4px-radius border instead of ours, while the Țară/Județ
   dropdowns (plain <select>, matched separately) looked different. */
body.woocommerce-checkout .wc-block-components-text-input input,
body.woocommerce-checkout .wc-block-components-text-input textarea,
body.woocommerce-checkout select,
body.woocommerce-checkout .components-combobox-control__input {
	border: 1.5px solid var(--border) !important;
	border-radius: 0.75rem !important;
	background: var(--card);
	font-family: 'Inter', sans-serif;
	color: var(--fg);
}

body.woocommerce-checkout .wc-block-components-text-input input:focus,
body.woocommerce-checkout .components-combobox-control__input:focus {
	border-color: var(--primary) !important;
	box-shadow: 0 0 0 3px rgba(214, 43, 43, 0.12) !important;
}

/* Payment method radio options. Verified live: WooCommerce puts its OWN
   border on `.wc-block-components-radio-control-accordion-option` (the
   box wrapping the label AND its description together) as an inset
   box-shadow, not a real border — so when we bordered only the label
   (`__option`, the top row), the result was two mismatched boxes stacked
   on top of each other: our rounded red one around the radio row, and
   WC's square black one around the whole thing. Fix: kill WC's shadow,
   put our border on the outer wrapper so the whole option (row +
   description) reads as one card, and strip the label's own border. */
body.woocommerce-checkout .wc-block-components-radio-control-accordion-option {
	box-shadow: none !important;
	border: 1.5px solid var(--border) !important;
	border-radius: 0.75rem !important;
	overflow: hidden;
	margin-bottom: 0.5rem;
	transition: border-color 0.2s ease, background 0.2s ease;
}

body.woocommerce-checkout .wc-block-components-radio-control-accordion-option--checked-option-highlighted {
	border-color: var(--primary) !important;
}

body.woocommerce-checkout .wc-block-components-radio-control__option {
	border: none !important;
	border-radius: 0 !important;
	margin-bottom: 0 !important;
}

body.woocommerce-checkout .wc-block-components-radio-control__option-checked,
body.woocommerce-checkout .wc-block-components-radio-control__option:has(input:checked) {
	background: rgba(214, 43, 43, 0.04) !important;
}

body.woocommerce-checkout .wc-block-components-radio-control__input:checked {
	background-color: var(--primary) !important;
	border-color: var(--primary) !important;
}

/* Quantity selector */
body.woocommerce-checkout .wc-block-components-quantity-selector__input,
body.woocommerce-cart .wc-block-components-quantity-selector__input {
	border: 1.5px solid var(--border);
	border-radius: 0.75rem;
}

/* Notices */
body.woocommerce-checkout .wc-block-components-notice-banner,
body.woocommerce-cart .wc-block-components-notice-banner {
	border-radius: 0.75rem;
	font-family: 'Inter', sans-serif;
}

body.woocommerce-checkout .wc-block-components-notice-banner.is-error {
	border-left: 3px solid #b91c1c;
}

/* ==========================================================================
   CLASSIC CHECKOUT — [woocommerce_checkout]
   The billing plugin relies on the classic PHP hooks, so this section mirrors
   the branded two-column Blocks layout using WooCommerce's shortcode markup.
   ========================================================================== */

body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce {
	font-size: 1rem;
}

body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce a {
	color: var(--primary);
}

/* Coupon prompt and the form revealed after clicking it. */
body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce-form-coupon-toggle {
	margin-bottom: 1.5rem;
}

body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce-form-coupon-toggle .woocommerce-info {
	position: relative;
	margin: 0;
	padding: 1rem 1.25rem 1rem 3.25rem;
	background: var(--card);
	border: 1px solid var(--border);
	border-radius: 0.875rem;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.035);
	color: var(--muted-fg);
}

body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce-form-coupon-toggle .woocommerce-info::before {
	content: '%';
	position: absolute;
	left: 1.1rem;
	top: 50%;
	transform: translateY(-50%);
	display: grid;
	place-items: center;
	width: 1.35rem;
	height: 1.35rem;
	border-radius: 50%;
	background: var(--red-soft);
	color: var(--primary);
	font-size: 0.78rem;
	font-weight: 800;
}

body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout_coupon {
	margin: -0.5rem 0 1.5rem;
	padding: 1.25rem;
	background: var(--card);
	border: 1px solid var(--border);
	border-radius: 0.875rem;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.035);
}

body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout_coupon::after {
	content: '';
	display: table;
	clear: both;
}

/* Main layout: customer details on the left, order review on the right. */
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout {
	display: grid;
	grid-template-columns: minmax(0, 1.12fr) minmax(340px, 0.88fr);
	grid-template-rows: auto;
	column-gap: 2rem;
	align-items: start;
}

body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout > #customer_details {
	grid-column: 1;
	grid-row: 1;
	min-width: 0;
	margin: 0;
	background: var(--card);
	background-clip: padding-box;
	border: 1px solid var(--border);
	border-radius: 1rem;
	box-shadow: 0 2px 16px rgba(0, 0, 0, 0.04);
	overflow: hidden;
}

body.woocommerce-checkout:not(.woocommerce-order-received) #customer_details .col-1,
body.woocommerce-checkout:not(.woocommerce-order-received) #customer_details .col-2 {
	float: none !important;
	width: 100% !important;
	padding: 1.75rem;
}

body.woocommerce-checkout:not(.woocommerce-order-received) #customer_details .col-2 {
	border-top: 1px solid var(--border);
}

body.woocommerce-checkout:not(.woocommerce-order-received) #customer_details::after,
body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce-billing-fields__field-wrapper::after,
body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce-shipping-fields__field-wrapper::after {
	content: '';
	display: table;
	clear: both;
}

body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout > #order_review_heading {
	grid-column: 2;
	grid-row: 1;
	position: relative;
	z-index: 1;
	align-self: start;
	margin: 0 !important;
	padding: 1.5rem 1.5rem 1.25rem 2.25rem;
	background: var(--card);
	border: 0;
	border-bottom: 1px solid var(--border);
	border-radius: 1rem 1rem 0 0;
	font-family: 'Raleway', sans-serif;
	font-size: 1.25rem;
	font-weight: 800;
	letter-spacing: -0.02em;
	line-height: 1.2;
}

body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout > #order_review_heading::before {
	content: '';
	position: absolute;
	left: 1.5rem;
	top: 1.5rem;
	bottom: 1.25rem;
	width: 3px;
	border-radius: 999px;
	background: var(--primary);
}

body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout > #order_review {
	grid-column: 2;
	grid-row: 1;
	min-width: 0;
	margin: 0;
	padding-top: 4.25rem;
	background: var(--card);
	background-clip: padding-box;
	border: 1px solid var(--border);
	border-radius: 1rem;
	box-shadow: 0 2px 16px rgba(0, 0, 0, 0.04);
	overflow: hidden;
}

/* Section headings inside the customer-details card. */
body.woocommerce-checkout:not(.woocommerce-order-received) #customer_details h3 {
	position: relative;
	margin: 0 0 1.25rem;
	padding-left: 0.75rem;
	font-family: 'Raleway', sans-serif;
	font-size: 1.25rem;
	font-weight: 800;
	letter-spacing: -0.02em;
	line-height: 1.25;
}

body.woocommerce-checkout:not(.woocommerce-order-received) #customer_details h3::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0.15em;
	bottom: 0.15em;
	width: 3px;
	border-radius: 999px;
	background: var(--primary);
}

body.woocommerce-checkout:not(.woocommerce-order-received) #customer_details #ship-to-different-address {
	padding-left: 0;
}

body.woocommerce-checkout:not(.woocommerce-order-received) #customer_details #ship-to-different-address::before {
	display: none;
}

body.woocommerce-checkout:not(.woocommerce-order-received) #ship-to-different-address label {
	display: flex;
	align-items: center;
	gap: 0.625rem;
	cursor: pointer;
}

/* Classic form controls, including SelectWoo country/state dropdowns. */
body.woocommerce-checkout:not(.woocommerce-order-received) form .form-row {
	margin: 0 0 1rem;
	padding: 0;
}

body.woocommerce-checkout:not(.woocommerce-order-received) form .form-row-first,
body.woocommerce-checkout:not(.woocommerce-order-received) form .form-row-last {
	width: calc(50% - 0.5rem);
}

body.woocommerce-checkout:not(.woocommerce-order-received) form .form-row-first {
	float: left;
}

body.woocommerce-checkout:not(.woocommerce-order-received) form .form-row-last {
	float: right;
}

body.woocommerce-checkout:not(.woocommerce-order-received) form .form-row-wide {
	float: none;
	width: 100%;
	clear: both;
}

body.woocommerce-checkout:not(.woocommerce-order-received) form .form-row label {
	display: block;
	margin: 0 0 0.4rem;
	font-size: 0.9rem;
	font-weight: 600;
	line-height: 1.35;
	color: var(--fg);
}

body.woocommerce-checkout:not(.woocommerce-order-received) form .form-row label .optional {
	color: var(--muted-fg);
	font-weight: 400;
}

body.woocommerce-checkout:not(.woocommerce-order-received) form .form-row .required {
	color: var(--primary);
	text-decoration: none;
}

body.woocommerce-checkout:not(.woocommerce-order-received) form .input-text,
body.woocommerce-checkout:not(.woocommerce-order-received) form select,
body.woocommerce-checkout:not(.woocommerce-order-received) form textarea,
body.woocommerce-checkout:not(.woocommerce-order-received) .select2-container .select2-selection--single {
	width: 100%;
	min-height: 48px;
	padding: 0.7rem 0.875rem;
	background: var(--card);
	border: 1.5px solid var(--border);
	border-radius: 0.75rem;
	font-family: 'Inter', sans-serif;
	font-size: 1rem;
	line-height: 1.4;
	color: var(--fg);
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

body.woocommerce-checkout:not(.woocommerce-order-received) form textarea {
	min-height: 112px;
	resize: vertical;
}

body.woocommerce-checkout:not(.woocommerce-order-received) form .input-text:focus,
body.woocommerce-checkout:not(.woocommerce-order-received) form select:focus,
body.woocommerce-checkout:not(.woocommerce-order-received) form textarea:focus,
body.woocommerce-checkout:not(.woocommerce-order-received) .select2-container--focus .select2-selection--single,
body.woocommerce-checkout:not(.woocommerce-order-received) .select2-container--open .select2-selection--single {
	outline: none;
	border-color: var(--primary);
	box-shadow: 0 0 0 3px rgba(214, 43, 43, 0.12);
}

body.woocommerce-checkout:not(.woocommerce-order-received) .select2-container {
	width: 100% !important;
}

body.woocommerce-checkout:not(.woocommerce-order-received) .select2-container .select2-selection--single {
	display: flex;
	align-items: center;
}

body.woocommerce-checkout:not(.woocommerce-order-received) .select2-container .select2-selection--single .select2-selection__rendered {
	padding: 0 1.5rem 0 0;
	line-height: 1.4;
	color: var(--fg);
}

body.woocommerce-checkout:not(.woocommerce-order-received) .select2-container .select2-selection--single .select2-selection__arrow {
	top: 50%;
	right: 0.75rem;
	transform: translateY(-50%);
}

body.woocommerce-checkout:not(.woocommerce-order-received) form input[type='checkbox'],
body.woocommerce-checkout:not(.woocommerce-order-received) form input[type='radio'] {
	accent-color: var(--primary);
}

body.woocommerce-checkout:not(.woocommerce-order-received) form .woocommerce-invalid .input-text,
body.woocommerce-checkout:not(.woocommerce-order-received) form .woocommerce-invalid select,
body.woocommerce-checkout:not(.woocommerce-order-received) form .woocommerce-invalid .select2-selection {
	border-color: #b91c1c;
}

/* Order table and totals. */
body.woocommerce-checkout:not(.woocommerce-order-received) #order_review table.shop_table {
	width: 100%;
	margin: 0;
	border: 0;
	border-radius: 0;
	border-collapse: separate;
	border-spacing: 0;
	table-layout: fixed;
}

body.woocommerce-checkout:not(.woocommerce-order-received) #order_review table.shop_table th,
body.woocommerce-checkout:not(.woocommerce-order-received) #order_review table.shop_table td {
	padding: 0.9rem 1.25rem;
	border: 0;
	text-align: left;
	vertical-align: top;
}

body.woocommerce-checkout:not(.woocommerce-order-received) #order_review table.shop_table thead th {
	background: var(--secondary);
	font-family: 'Raleway', sans-serif;
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--muted-fg);
}

body.woocommerce-checkout:not(.woocommerce-order-received) #order_review table.shop_table tbody td,
body.woocommerce-checkout:not(.woocommerce-order-received) #order_review table.shop_table tfoot th,
body.woocommerce-checkout:not(.woocommerce-order-received) #order_review table.shop_table tfoot td {
	border-top: 1px solid var(--border);
}

body.woocommerce-checkout:not(.woocommerce-order-received) #order_review table.shop_table .product-total,
body.woocommerce-checkout:not(.woocommerce-order-received) #order_review table.shop_table tfoot td {
	width: 34%;
	text-align: right;
}

body.woocommerce-checkout:not(.woocommerce-order-received) #order_review table.shop_table tfoot th {
	font-weight: 600;
}

body.woocommerce-checkout:not(.woocommerce-order-received) #order_review table.shop_table .order-total th,
body.woocommerce-checkout:not(.woocommerce-order-received) #order_review table.shop_table .order-total td {
	padding-top: 1.1rem;
	padding-bottom: 1.1rem;
	font-size: 1.12rem;
}

body.woocommerce-checkout:not(.woocommerce-order-received) #order_review table.shop_table .order-total td {
	color: var(--primary);
}

body.woocommerce-checkout:not(.woocommerce-order-received) #order_review .woocommerce-shipping-methods {
	margin: 0;
	padding: 0;
	list-style: none;
}

body.woocommerce-checkout:not(.woocommerce-order-received) #order_review .woocommerce-shipping-methods li {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 0.45rem;
	margin: 0.35rem 0;
	line-height: 1.35;
}

body.woocommerce-checkout:not(.woocommerce-order-received) #order_review .woocommerce-shipping-methods li:first-child {
	margin-top: 0;
}

body.woocommerce-checkout:not(.woocommerce-order-received) #order_review .woocommerce-shipping-methods li:last-child {
	margin-bottom: 0;
}

body.woocommerce-checkout:not(.woocommerce-order-received) #order_review .woocommerce-shipping-methods input[type='radio'] {
	flex: 0 0 0.875rem;
	width: 0.875rem;
	height: 0.875rem;
	margin: 0 !important;
}

body.woocommerce-checkout:not(.woocommerce-order-received) #order_review .woocommerce-shipping-methods label {
	min-width: 0;
	font-size: 0.86rem;
	font-weight: 600;
	line-height: 1.35;
	text-align: left;
	cursor: pointer;
}

/* Give shipping methods enough room to keep their labels on one line in the
 * two-column desktop checkout. On small screens the original flexible widths
 * remain in place so long labels can wrap without horizontal scrolling. */
@media (min-width: 601px) {
	body.woocommerce-checkout:not(.woocommerce-order-received) #order_review table.shop_table .product-total,
	body.woocommerce-checkout:not(.woocommerce-order-received) #order_review table.shop_table tfoot td {
		width: 62%;
	}

	body.woocommerce-checkout:not(.woocommerce-order-received) #order_review .woocommerce-shipping-methods label {
		white-space: nowrap;
	}
}

/* SamedayCourier 2.x outputs the locker picker as a custom table row. Its
 * label is a <td> and its action cell is a <th>, the reverse of WooCommerce's
 * totals rows, so align this row explicitly and keep the plugin's JS/markup
 * untouched. */
body.woocommerce-checkout:not(.woocommerce-order-received) #order_review table.shop_table tfoot tr.shipping-pickup-store > td,
body.woocommerce-checkout:not(.woocommerce-order-received) #order_review table.shop_table tfoot tr.shipping-pickup-store > th {
	vertical-align: middle;
}

body.woocommerce-checkout:not(.woocommerce-order-received) #order_review table.shop_table tfoot tr.shipping-pickup-store > td {
	text-align: left;
}

body.woocommerce-checkout:not(.woocommerce-order-received) #order_review table.shop_table tfoot tr.shipping-pickup-store > th {
	text-align: right;
}

body.woocommerce-checkout:not(.woocommerce-order-received) #order_review button#select_locker.sameday_select_locker {
	width: 100%;
	max-width: 11rem;
	min-height: 3rem;
	margin: 0 0 0 auto;
	padding: 0.7rem 1.1rem;
	border: 0 !important;
	border-radius: 0.75rem;
	background: var(--primary) !important;
	box-shadow: none !important;
	color: var(--primary-fg) !important;
	font-family: 'Inter', system-ui, sans-serif;
	font-size: 0.82rem;
	font-weight: 700;
	line-height: 1.25;
	text-align: center;
	white-space: nowrap;
	transition: background-color 0.2s ease, transform 0.2s ease;
}

body.woocommerce-checkout:not(.woocommerce-order-received) #order_review button#select_locker.sameday_select_locker:hover,
body.woocommerce-checkout:not(.woocommerce-order-received) #order_review button#select_locker.sameday_select_locker:focus {
	background: #b91c1c !important;
	color: var(--primary-fg) !important;
}

body.woocommerce-checkout:not(.woocommerce-order-received) #order_review button#select_locker.sameday_select_locker:focus-visible {
	outline: 3px solid var(--red-glow);
	outline-offset: 3px;
}

/* Payment options and place-order area. */
body.woocommerce-checkout:not(.woocommerce-order-received) #payment {
	background: var(--secondary);
	border-radius: 0;
}

body.woocommerce-checkout:not(.woocommerce-order-received) #payment ul.payment_methods {
	margin: 0;
	padding: 1.25rem;
	border-top: 1px solid var(--border);
	border-bottom: 1px solid var(--border);
	list-style: none;
}

body.woocommerce-checkout:not(.woocommerce-order-received) #payment ul.payment_methods li {
	margin: 0;
	line-height: 1.5;
}

body.woocommerce-checkout:not(.woocommerce-order-received) #payment ul.payment_methods li > label {
	font-weight: 600;
	cursor: pointer;
}

body.woocommerce-checkout:not(.woocommerce-order-received) #payment div.payment_box {
	margin: 0.9rem 0 0;
	padding: 1rem;
	background: var(--card);
	border: 1px solid var(--border);
	border-radius: 0.75rem;
	font-size: 0.9rem;
	color: var(--muted-fg);
}

body.woocommerce-checkout:not(.woocommerce-order-received) #payment div.payment_box::before {
	display: none;
}

body.woocommerce-checkout:not(.woocommerce-order-received) #payment .place-order {
	margin: 0;
	padding: 1.25rem;
	background: var(--card);
}

body.woocommerce-checkout:not(.woocommerce-order-received) #payment .woocommerce-privacy-policy-text {
	margin-bottom: 1rem;
	font-size: 0.84rem;
	line-height: 1.6;
	color: var(--muted-fg);
}

/* Stripe Payment Element. Stripe outputs two fieldsets with the browser's
   default grooved border: one around the iframe and another around the
   "save payment method" row. Remove those native frames and keep only the
   intentional card drawn by .payment_box above. */
body.woocommerce-checkout:not(.woocommerce-order-received) #payment .payment_box.payment_method_stripe fieldset {
	min-width: 0;
	margin: 0;
	padding: 0;
	border: 0;
}

body.woocommerce-checkout:not(.woocommerce-order-received) #payment .payment_box.payment_method_stripe > fieldset:not(#wc-stripe-upe-form) {
	margin-top: 0.875rem;
	padding-top: 0.875rem;
	border-top: 1px solid var(--border);
}

body.woocommerce-checkout:not(.woocommerce-order-received) #payment #wc-stripe-upe-form,
body.woocommerce-checkout:not(.woocommerce-order-received) #payment .wc-stripe-upe-element {
	width: 100%;
	max-width: 100%;
}

body.woocommerce-checkout:not(.woocommerce-order-received) #payment .wc-stripe-payment-method-instruction {
	margin: 0 0 1rem;
	padding: 0.8rem 0.9rem;
	background: var(--secondary);
	border: 1px solid var(--border);
	border-radius: 0.625rem;
	font-size: 0.84rem;
	line-height: 1.55;
	color: var(--muted-fg);
}

body.woocommerce-checkout:not(.woocommerce-order-received) #payment .woocommerce-SavedPaymentMethods-saveNew {
	float: none;
	width: 100%;
	margin: 0;
	padding: 0;
	line-height: 1.45;
}

body.woocommerce-checkout:not(.woocommerce-order-received) #payment .woocommerce-SavedPaymentMethods-saveNew input[type='checkbox'] {
	float: none;
	width: auto;
	margin: 0.15rem 0.5rem 0 0;
	vertical-align: top;
}

body.woocommerce-checkout:not(.woocommerce-order-received) #payment .woocommerce-SavedPaymentMethods-saveNew label {
	display: inline !important;
	margin: 0;
	font-size: 0.86rem;
	font-weight: 500;
	line-height: 1.45;
	color: var(--fg);
}

/* Stripe Express Checkout is injected as two direct children of
   form.checkout. Give Apple Pay / Google Pay their own centered row above
   both checkout columns instead of letting CSS Grid auto-place one piece
   under each column. */
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout:has(> #wc-stripe-express-checkout-element) {
	grid-template-rows: auto auto auto;
	row-gap: 0.75rem;
}

body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout > #wc-stripe-express-checkout-element {
	grid-column: 1 / -1;
	grid-row: 1;
	justify-self: center;
	display: flex;
	width: min(100%, 680px);
	margin: 0;
	gap: 0.75rem;
}

body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout > #wc-stripe-express-checkout-element > .StripeElement {
	flex: 1 1 0;
	min-width: 0;
	height: 48px;
	margin: 0;
	border-radius: 0.625rem;
	overflow: hidden;
}

body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout > #wc-stripe-express-checkout-button-separator {
	grid-column: 1 / -1;
	grid-row: 2;
	justify-self: center;
	display: flex;
	align-items: center;
	gap: 0.875rem;
	width: min(100%, 680px);
	margin: 0 0 0.75rem;
	font-size: 0.78rem;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-align: center;
	color: var(--muted-fg);
}

body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout > #wc-stripe-express-checkout-button-separator::before,
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout > #wc-stripe-express-checkout-button-separator::after {
	content: '';
	flex: 1;
	height: 1px;
	background: var(--border);
}

body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout:has(> #wc-stripe-express-checkout-element) > #customer_details,
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout:has(> #wc-stripe-express-checkout-element) > #order_review_heading,
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout:has(> #wc-stripe-express-checkout-element) > #order_review {
	grid-row: 3;
}

body.woocommerce-checkout:not(.woocommerce-order-received) #payment #place_order,
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout_coupon button.button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 50px;
	padding: 0.8rem 1.4rem;
	background: var(--primary) !important;
	color: var(--primary-fg) !important;
	border: 0 !important;
	border-radius: 0.75rem !important;
	box-shadow: 0 8px 24px rgba(214, 43, 43, 0.25);
	font-family: 'Inter', sans-serif;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
	cursor: pointer;
	transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

body.woocommerce-checkout:not(.woocommerce-order-received) #payment #place_order {
	float: none;
	width: 100%;
}

body.woocommerce-checkout:not(.woocommerce-order-received) #payment #place_order:hover,
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout_coupon button.button:hover {
	background: #b91f1f !important;
	box-shadow: 0 12px 30px rgba(214, 43, 43, 0.34);
	transform: translateY(-1px);
}

/* Trust row injected by main.js after the payment area. */
body.woocommerce-checkout:not(.woocommerce-order-received) #order_review > .flashbox-checkout-trust {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	padding: 1.25rem;
	background: var(--card);
	border-top: 1px solid var(--border);
}

body.woocommerce-checkout:not(.woocommerce-order-received) #order_review > .flashbox-checkout-trust span {
	display: inline-flex;
	align-items: center;
	gap: 0.375rem;
	padding: 0.35rem 0.7rem;
	background: rgba(0, 0, 0, 0.03);
	border: 1px solid var(--border);
	border-radius: 999px;
	font-size: 0.75rem;
	font-weight: 500;
	color: var(--muted-fg);
}

body.woocommerce-checkout:not(.woocommerce-order-received) #order_review > .flashbox-checkout-trust span::before {
	content: '';
	width: 0.28rem;
	height: 0.28rem;
	border-radius: 50%;
	background: var(--primary);
	flex-shrink: 0;
}

/* Classic notices generated by validation/payment extensions. */
body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce-NoticeGroup {
	grid-column: 1 / -1;
	margin-bottom: 1.5rem;
}

body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce-error,
body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce-message {
	margin: 0 0 1.5rem;
	padding: 1rem 1.25rem;
	background: var(--card);
	border: 1px solid var(--border);
	border-left: 3px solid var(--primary);
	border-radius: 0.75rem;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.035);
	list-style: none;
}

body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce-error {
	border-left-color: #b91c1c;
}

@media (max-width: 900px) {
	body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout {
		grid-template-columns: minmax(0, 1fr);
		grid-template-rows: auto;
		row-gap: 1.5rem;
	}

	body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout > #customer_details,
	body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout > #order_review_heading,
	body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout > #order_review {
		grid-column: 1;
	}

	body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout > #customer_details {
		grid-row: 1;
	}

	body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout > #order_review_heading,
	body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout > #order_review {
		grid-row: 2;
	}

	body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout:has(> #wc-stripe-express-checkout-element) > #customer_details {
		grid-row: 3;
	}

	body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout:has(> #wc-stripe-express-checkout-element) > #order_review_heading,
	body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout:has(> #wc-stripe-express-checkout-element) > #order_review {
		grid-row: 4;
	}
}

@media (max-width: 600px) {
	body.woocommerce-checkout main,
	body.woocommerce-cart main,
	body.woocommerce-order-received main {
		padding-top: 2rem !important;
	}

	body.woocommerce-checkout:not(.woocommerce-order-received) #customer_details .col-1,
	body.woocommerce-checkout:not(.woocommerce-order-received) #customer_details .col-2 {
		padding: 1.25rem;
	}

	body.woocommerce-checkout:not(.woocommerce-order-received) form .form-row-first,
	body.woocommerce-checkout:not(.woocommerce-order-received) form .form-row-last {
		float: none;
		width: 100%;
	}

	body.woocommerce-checkout:not(.woocommerce-order-received) #order_review table.shop_table th,
	body.woocommerce-checkout:not(.woocommerce-order-received) #order_review table.shop_table td {
		padding: 0.8rem 0.75rem;
	}

	/* The shipping radios live in the table's price column. WooCommerce's
	 * desktop 34% width leaves only about 100px of usable space on a phone,
	 * causing every label to wrap almost word by word. */
	body.woocommerce-checkout:not(.woocommerce-order-received) #order_review table.shop_table .product-total,
	body.woocommerce-checkout:not(.woocommerce-order-received) #order_review table.shop_table tfoot td {
		width: 58%;
	}

	body.woocommerce-checkout:not(.woocommerce-order-received) #order_review .woocommerce-shipping-methods li {
		align-items: flex-start;
		justify-content: flex-start;
		gap: 0.55rem;
	}

	body.woocommerce-checkout:not(.woocommerce-order-received) #order_review .woocommerce-shipping-methods input[type='radio'] {
		margin-top: 0.15rem !important;
	}

	body.woocommerce-checkout:not(.woocommerce-order-received) #order_review .woocommerce-shipping-methods label {
		font-size: 0.82rem;
		overflow-wrap: anywhere;
	}

	body.woocommerce-checkout:not(.woocommerce-order-received) #order_review button#select_locker.sameday_select_locker {
		max-width: 10.5rem;
		min-width: 8.5rem;
		padding-right: 1rem;
		padding-left: 1rem;
	}

	body.woocommerce-checkout:not(.woocommerce-order-received) #payment ul.payment_methods,
	body.woocommerce-checkout:not(.woocommerce-order-received) #payment .place-order,
	body.woocommerce-checkout:not(.woocommerce-order-received) #order_review > .flashbox-checkout-trust {
		padding: 1rem;
	}

	body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout > #wc-stripe-express-checkout-element {
		flex-direction: column;
		width: 100%;
	}

	body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout > #wc-stripe-express-checkout-element > .StripeElement {
		flex: none;
		width: 100%;
	}
}

/* ==========================================================================
   THANK YOU — own templates now (woocommerce/checkout/thankyou.php and
   woocommerce/order/order-details-customer.php in this theme), own class
   names (flashbox-*). The product/total table still comes from
   WooCommerce's default order/order-details.php (not overridden — it has
   more hooks other plugins may rely on), so table.shop_table below still
   targets WooCommerce's own markup.
   ========================================================================== */

body.woocommerce-order-received .woocommerce {
	max-width: 720px;
	margin: 0 auto;
}

body.woocommerce-order-received h2,
body.woocommerce-order-received .woocommerce-order-details__title {
	font-family: 'Raleway', sans-serif;
	font-weight: 800;
	letter-spacing: -0.02em;
	color: var(--fg);
	margin: 2.5rem 0 1rem;
}

body.woocommerce-order-received .flashbox-order-card {
	background: var(--card);
	background-clip: padding-box;
	border: 1px solid var(--border);
	border-radius: 1rem;
	box-shadow: 0 2px 16px rgba(0, 0, 0, 0.04);
	padding: 2.5rem;
	text-align: center;
}

body.woocommerce-order-received .flashbox-order-notice {
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	font-size: 1.25rem;
	color: var(--fg);
	position: relative;
	padding-top: 3.5rem;
	margin: 0;
}

body.woocommerce-order-received .flashbox-order-notice--success::before {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 2.75rem;
	height: 2.75rem;
	border-radius: 50%;
	background: var(--primary);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/1.4rem no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/1.4rem no-repeat;
}

body.woocommerce-order-received .flashbox-order-notice--error {
	color: #b91c1c;
	padding-top: 0;
}

body.woocommerce-order-received .flashbox-order-actions {
	display: flex;
	gap: 0.75rem;
	justify-content: center;
	margin-top: 1.5rem;
}

body.woocommerce-order-received .flashbox-order-summary {
	margin: 2rem 0 0;
	text-align: left;
	border: 1px solid var(--border);
	border-radius: 0.75rem;
	overflow: hidden;
}

body.woocommerce-order-received .flashbox-order-summary__row {
	padding: 0.9rem 1.25rem;
	display: flex;
	justify-content: space-between;
	gap: 1rem;
}

body.woocommerce-order-received .flashbox-order-summary__row + .flashbox-order-summary__row {
	border-top: 1px solid var(--border);
}

body.woocommerce-order-received .flashbox-order-summary__row dt {
	color: var(--muted-fg);
}

body.woocommerce-order-received .flashbox-order-summary__row dd {
	margin: 0;
	font-weight: 700;
	color: var(--fg);
}

body.woocommerce-order-received .flashbox-order-summary__row--total dd {
	color: var(--primary);
}

/* Billing/shipping address cards — own template, own markup. */
body.woocommerce-order-received .flashbox-address-columns {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.5rem;
	margin-top: 2rem;
	text-align: left;
}

body.woocommerce-order-received .flashbox-address-columns--two {
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

body.woocommerce-order-received .flashbox-address-card__title {
	position: relative;
	padding-left: 0.75rem;
	margin: 0 0 1rem;
	font-family: 'Raleway', sans-serif;
	font-weight: 800;
	font-size: 1.1rem;
	color: var(--fg);
}

body.woocommerce-order-received .flashbox-address-card__title::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0.15em;
	bottom: 0.15em;
	width: 3px;
	border-radius: 999px;
	background: var(--primary);
}

body.woocommerce-order-received .flashbox-address-card address {
	font-style: normal;
	line-height: 1.6;
	color: var(--fg);
	border: 1px solid var(--border);
	border-radius: 0.75rem;
	padding: 1.25rem;
	margin: 0;
}

body.woocommerce-order-received .flashbox-address-card__meta {
	margin: 0.5rem 0 0;
	color: var(--muted-fg);
}

/* Product/total table — still WooCommerce's own order/order-details.php
   markup, not overridden. */
body.woocommerce-order-received table.shop_table {
	margin-top: 2rem;
	text-align: left;
	border: 1px solid var(--border);
	border-radius: 0.75rem;
	overflow: hidden;
	border-collapse: separate;
	border-spacing: 0;
	width: 100%;
	table-layout: fixed;
}

body.woocommerce-order-received table.shop_table th {
	background: var(--secondary);
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 0.8rem;
	letter-spacing: 0.06em;
	color: var(--muted-fg);
	padding: 0.9rem 1rem;
	text-align: left;
}

body.woocommerce-order-received table.shop_table th.product-total {
	text-align: right;
	width: 30%;
}

body.woocommerce-order-received table.shop_table td {
	padding: 0.9rem 1rem;
	border-top: 1px solid var(--border);
	vertical-align: top;
}

body.woocommerce-order-received table.shop_table td.product-total {
	text-align: right;
	white-space: nowrap;
}

body.woocommerce-order-received table.shop_table tfoot th {
	background: none;
	text-transform: none;
	font-size: 1rem;
	letter-spacing: normal;
	color: var(--fg);
	font-weight: 600;
}

body.woocommerce-order-received table.shop_table tfoot td {
	text-align: right;
}

/* Product name link inside the order table — was left at the browser's
   default blue/purple link color, clashing with the brand red used
   everywhere else on the page. */
body.woocommerce-order-received table.shop_table a {
	color: var(--fg);
	font-weight: 600;
	text-decoration: none;
}

body.woocommerce-order-received table.shop_table a:hover {
	color: var(--primary);
	text-decoration: underline;
}

/* Download links use WooCommerce's high-specificity `.button.alt` purple by
   default. Keep this override scoped to the downloads table and make every
   action a compact, consistently sized Flashbox button. */
body.woocommerce-order-received .woocommerce-order-downloads table.shop_table th.download-file,
body.woocommerce-order-received .woocommerce-order-downloads table.shop_table td.download-file {
	width: 25%;
	text-align: right;
}

body.woocommerce-order-received .woocommerce-order-downloads a.woocommerce-MyAccount-downloads-file.button.alt {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 7.5rem;
	margin: 0;
	padding: 0.75rem 1.25rem;
	border: 0 !important;
	border-radius: 0.75rem;
	background: var(--primary) !important;
	color: var(--primary-fg) !important;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none !important;
	white-space: nowrap;
	box-shadow: 0 8px 24px rgba(214, 43, 43, 0.25);
	transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

body.woocommerce-order-received .woocommerce-order-downloads a.woocommerce-MyAccount-downloads-file.button.alt:hover,
body.woocommerce-order-received .woocommerce-order-downloads a.woocommerce-MyAccount-downloads-file.button.alt:focus {
	background: #b91f1f !important;
	color: var(--primary-fg) !important;
	box-shadow: 0 10px 28px rgba(214, 43, 43, 0.32);
}

@media (max-width: 600px) {
	body.woocommerce-order-received .woocommerce-order-downloads table.shop_table th.download-file,
	body.woocommerce-order-received .woocommerce-order-downloads table.shop_table td.download-file {
		width: auto;
	}

	body.woocommerce-order-received .woocommerce-order-downloads a.woocommerce-MyAccount-downloads-file.button.alt {
		min-width: 7rem;
		padding: 0.7rem 1rem;
	}
}

body.woocommerce-order-received a.button,
body.woocommerce-order-received .button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-top: 2rem;
	padding: 0.875rem 2.25rem;
	border-radius: 0.75rem;
	background: var(--primary);
	color: var(--primary-fg);
	font-weight: 600;
	text-decoration: none;
	box-shadow: 0 8px 24px rgba(214, 43, 43, 0.25);
}