/**
 * Product / Cart / Checkout — brand-aligned WooCommerce UI.
 * Tokens from brand.css (--primary-color, --secondary-color, Montserrat).
 */

/* ===== Shared page shell ===== */
body.woocommerce-cart,
body.woocommerce-checkout,
body.single-product {
	background: var(--white);
}

body.woocommerce-cart .site-main.section,
body.woocommerce-checkout .site-main.section,
body.single-product .site-main.woocommerce-main {
	/* Header clearance only — breadcrumbs sit flush under the fixed nav */
	padding-top: var(--header-h, 80px);
	padding-bottom: 4rem;
	/* Solid fill only — radial washes left pure-white edge “stripes” on narrow phones */
	background: var(--light-bg);
}

body.woocommerce-cart .container.content-commerce,
body.woocommerce-checkout .container.content-commerce {
	max-width: 1100px;
}

@media screen and (max-width: 480px) {
	body.woocommerce-cart .site-main.section,
	body.woocommerce-checkout .site-main.section,
	body.single-product .site-main.woocommerce-main {
		background: var(--light-bg);
	}

	body.woocommerce-cart .container.content-commerce,
	body.woocommerce-checkout .container.content-commerce {
		padding-left: 0.75rem;
		padding-right: 0.75rem;
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
	}

	body.woocommerce-cart .wp-block-woocommerce-cart.alignwide,
	body.woocommerce-checkout .wp-block-woocommerce-checkout.alignwide {
		margin-left: 0 !important;
		margin-right: 0 !important;
		max-width: 100% !important;
		width: 100% !important;
	}
}

body.woocommerce-cart .page-content > .section__header,
body.woocommerce-checkout .page-content > .section__header,
body.woocommerce-account .page-content > .section__header {
	margin-bottom: 1.75rem;
	text-align: left;
}

body.woocommerce-cart .section__title,
body.woocommerce-checkout .section__title,
body.woocommerce-account .section__title {
	font-size: clamp(1.75rem, 4vw, 2.4rem);
	font-weight: 800;
	color: var(--secondary-color);
	text-align: left;
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-left: 0;
	margin-right: 0;
	width: 100%;
	box-sizing: border-box;
}

/* Checkout step titles (Contact / Shipping) — same left edge as fields */
.wc-block-checkout .wc-block-components-checkout-step__title,
.wc-block-checkout .wc-block-components-title {
	text-align: left;
	padding-left: 0;
	padding-right: 0;
}

/* ===== Notices (classic) =====
 * WC ::before icon is position:absolute;left — text MUST have padding-left
 * or the glyph sits on the first letter (my-account login errors etc.).
 */
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-error,
.woocommerce-page .woocommerce-message,
.woocommerce-page .woocommerce-info,
.woocommerce-page .woocommerce-error,
.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-info,
.woocommerce-notices-wrapper .woocommerce-error,
ul.woocommerce-error,
div.woocommerce-message,
div.woocommerce-info,
.woocommerce-noreviews {
	font-family: var(--font-family) !important;
	border-radius: 14px !important;
	border: 2px solid var(--border-color) !important;
	background: var(--light-bg) !important;
	color: var(--secondary-color) !important;
	padding-top: 1rem !important;
	padding-right: 1.25rem !important;
	padding-bottom: 1rem !important;
	padding-left: 3.5rem !important; /* room for WC icon glyph */
	margin: 0 0 1.5rem !important;
	list-style: none !important;
	position: relative !important;
	width: auto !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
	word-wrap: break-word;
}

.woocommerce .woocommerce-message::before,
.woocommerce .woocommerce-info::before,
.woocommerce .woocommerce-error::before,
.woocommerce-page .woocommerce-message::before,
.woocommerce-page .woocommerce-info::before,
.woocommerce-page .woocommerce-error::before,
ul.woocommerce-error::before,
div.woocommerce-message::before,
div.woocommerce-info::before {
	font-family: WooCommerce !important;
	display: inline-block !important;
	position: absolute !important;
	top: 1.1rem !important;
	left: 1.15rem !important;
	right: auto !important;
	width: 1.25rem !important;
	height: 1.25rem !important;
	line-height: 1.25rem !important;
	text-align: center !important;
	speak: never;
}

.woocommerce .woocommerce-message,
.woocommerce-page .woocommerce-message,
div.woocommerce-message {
	border-color: rgba(255, 215, 0, 0.55) !important;
	background: linear-gradient(135deg, rgba(255, 215, 0, 0.18), rgba(255, 165, 0, 0.08)) !important;
}

.woocommerce .woocommerce-message::before,
div.woocommerce-message::before {
	color: var(--primary-dark) !important;
}

.woocommerce .woocommerce-info,
.woocommerce-page .woocommerce-info,
div.woocommerce-info {
	border-color: rgba(30, 133, 190, 0.35) !important;
	background: #f3f9fc !important;
}

.woocommerce .woocommerce-info::before,
div.woocommerce-info::before {
	color: #1e85be !important;
}

.woocommerce .woocommerce-error,
.woocommerce-page .woocommerce-error,
ul.woocommerce-error {
	border-color: rgba(200, 60, 60, 0.35) !important;
	background: #fff5f5 !important;
}

.woocommerce .woocommerce-error::before,
ul.woocommerce-error::before {
	color: #b81c23 !important;
}

.woocommerce .woocommerce-message li,
.woocommerce .woocommerce-info li,
.woocommerce .woocommerce-error li,
ul.woocommerce-error li {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
	display: block !important;
}

/* Text links in notices stay brand orange; buttons keep navy on yellow. */
.woocommerce .woocommerce-message a:not(.button):not(.wc-forward),
.woocommerce .woocommerce-info a:not(.button):not(.wc-forward),
.woocommerce .woocommerce-error a:not(.button):not(.wc-forward) {
	color: var(--primary-dark) !important;
	font-weight: 700;
}

/*
 * Added-to-cart notice: flex row so text + button stay vertically centered
 * (float:right looked crooked on tablet widths).
 */
.woocommerce .woocommerce-message:has(a.button),
.woocommerce .woocommerce-message:has(a.wc-forward),
.woocommerce .woocommerce-info:has(a.button),
.woocommerce .woocommerce-info:has(a.wc-forward) {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	gap: 0.65rem 1rem !important;
}

.woocommerce .woocommerce-message a.button,
.woocommerce .woocommerce-info a.button,
.woocommerce .woocommerce-error a.button,
.woocommerce .woocommerce-message a.wc-forward,
.woocommerce .woocommerce-info a.wc-forward,
.woocommerce .woocommerce-error a.wc-forward {
	background: linear-gradient(135deg, var(--primary-color), var(--primary-dark)) !important;
	color: var(--secondary-color) !important;
	border: none !important;
	border-radius: 50px !important;
	font-weight: 700 !important;
	text-decoration: none !important;
	opacity: 1 !important;
	float: none !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0.55rem 1.1rem !important;
	margin: 0 0 0 auto !important;
	box-shadow: 0 4px 14px rgba(255, 215, 0, 0.3);
	white-space: nowrap;
	flex: 0 0 auto;
	align-self: center !important;
}

.wc-block-components-notice-banner a.button,
.wc-block-components-notice-banner a.wc-forward,
.wc-block-components-notice-banner .wc-block-components-button:not(.is-link) {
	background: linear-gradient(135deg, var(--primary-color), var(--primary-dark)) !important;
	color: var(--secondary-color) !important;
	border: none !important;
	border-radius: 50px !important;
	font-weight: 700 !important;
	text-decoration: none !important;
	opacity: 1 !important;
	float: none !important;
	display: inline-flex !important;
	align-items: center !important;
	padding: 0.55rem 1.1rem !important;
	margin: 0.5rem 0 0 !important;
	box-shadow: 0 4px 14px rgba(255, 215, 0, 0.3);
}

@media screen and (max-width: 640px) {
	.woocommerce .woocommerce-message a.button,
	.woocommerce .woocommerce-message a.wc-forward,
	.woocommerce .woocommerce-info a.button,
	.woocommerce .woocommerce-info a.wc-forward {
		margin: 0 !important;
		width: 100%;
		justify-content: center !important;
	}
}

/* ===== Notices (block / SVG) =====
 * WC sets svg { height:100% } — on wrapped text the icon becomes a tall oval
 * and visually eats the first letters. Pin icon size + flex layout.
 */
.wc-block-components-notice-banner {
	display: flex !important;
	align-items: flex-start !important;
	gap: 0.75rem !important;
	padding: 1rem 1.15rem !important;
	margin: 0 0 1.25rem !important;
	border-radius: 14px !important;
	font-family: var(--font-family);
	box-sizing: border-box;
}

.wc-block-components-notice-banner > svg {
	width: 1.5rem !important;
	height: 1.5rem !important;
	min-width: 1.5rem !important;
	max-height: 1.5rem !important;
	flex: 0 0 1.5rem !important;
	align-self: flex-start !important;
	margin: 0.15rem 0 0 !important;
	padding: 2px !important;
	box-sizing: border-box;
}

.wc-block-components-notice-banner > .wc-block-components-notice-banner__content {
	flex: 1 1 auto !important;
	flex-basis: auto !important;
	min-width: 0 !important;
	padding: 0 !important;
	align-self: center !important;
	line-height: 1.45;
}

.wc-block-components-notice-banner.is-success {
	border-color: rgba(255, 215, 0, 0.55) !important;
	background: linear-gradient(135deg, rgba(255, 215, 0, 0.18), rgba(255, 165, 0, 0.08)) !important;
}

.wc-block-components-notice-banner.is-error {
	border-color: rgba(200, 60, 60, 0.35) !important;
	background: #fff5f5 !important;
}

.wc-block-components-notice-banner.is-info {
	border-color: rgba(30, 133, 190, 0.35) !important;
	background: #f3f9fc !important;
}

/* Account / login form: theme margin reset glued labels to inputs */
.woocommerce-account .woocommerce form .form-row,
.woocommerce-form-login .form-row,
.woocommerce-ResetPassword .form-row {
	margin: 0 0 1rem !important;
	padding: 0 !important;
}

.woocommerce-account .woocommerce form .form-row label,
.woocommerce-form-login .form-row label {
	display: block;
	margin-bottom: 0.35rem;
	font-weight: 600;
}

.woocommerce-account .woocommerce form .form-row input.input-text,
.woocommerce-form-login .form-row input.input-text,
.woocommerce-ResetPassword .form-row input.input-text {
	width: 100%;
	box-sizing: border-box;
}

/* ===== Single product ===== */
.woocommerce div.product {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
	gap: 2.5rem 3rem;
	align-items: start;
	margin-bottom: 2rem;
}

.woocommerce div.product::before,
.woocommerce div.product::after {
	display: none !important;
	content: none !important;
}

.woocommerce div.product .woocommerce-product-gallery,
.woocommerce div.product .summary {
	float: none !important;
	width: 100% !important;
	margin: 0 !important;
}

.woocommerce div.product .woocommerce-product-gallery {
	background: var(--white);
	border: 2px solid var(--border-color);
	border-radius: 20px;
	padding: 1rem;
	box-shadow: var(--shadow);
	position: relative;
}

.woocommerce div.product .woocommerce-product-gallery__image img,
.woocommerce div.product .woocommerce-product-gallery__image--placeholder img,
.woocommerce div.product .woocommerce-product-gallery img {
	border-radius: 14px;
	width: 100%;
	height: auto;
	display: block;
}

/* Sale badge — brand yellow, squarer pill (all langs).
 * Theme drops woocommerce-layout.css, so the card/link must be position:relative.
 * Without that, absolute .onsale only “sticks” to the card when :hover applies
 * transform (desktop); on touch / no-hover it flies to the viewport. */
.woocommerce span.onsale,
.woocommerce ul.products li.product .onsale,
.woocommerce-page ul.products li.product .onsale {
	position: absolute !important;
	min-height: 0 !important;
	min-width: 0 !important;
	line-height: 1.2 !important;
	padding: 0.4rem 0.65rem !important;
	border-radius: 8px !important;
	background: var(--primary-color) !important;
	background-image: none !important;
	color: var(--secondary-color) !important;
	font-family: var(--font-family) !important;
	font-size: 0.75rem !important;
	font-weight: 800 !important;
	letter-spacing: 0.01em;
	text-transform: none !important;
	box-shadow: 0 2px 10px rgba(255, 215, 0, 0.45) !important;
	border: none !important;
	z-index: 20 !important;
	margin: 0 !important;
	opacity: 1 !important;
	visibility: visible !important;
	display: inline-block !important;
	pointer-events: none;
}

.woocommerce div.product span.onsale {
	top: 1.35rem !important;
	left: 1.35rem !important;
	right: auto !important;
}

.woocommerce ul.products li.product .onsale {
	top: 0.85rem !important;
	left: 0.85rem !important;
	right: auto !important;
}

/* Touch / no-hover: never hide the badge behind hover-only card effects */
@media (hover: none), (pointer: coarse) {
	.woocommerce span.onsale,
	.woocommerce ul.products li.product .onsale,
	.woocommerce-page ul.products li.product .onsale {
		opacity: 1 !important;
		visibility: visible !important;
		display: inline-block !important;
	}
}

/* Magnifier — pull inward from image edges */
.woocommerce div.product div.images .woocommerce-product-gallery__trigger,
.woocommerce div.product .woocommerce-product-gallery__trigger {
	top: 1.35rem !important;
	right: 1.35rem !important;
	left: auto !important;
	width: 2.35rem !important;
	height: 2.35rem !important;
	border-radius: 10px !important;
	z-index: 9;
}

.woocommerce div.product div.images .woocommerce-product-gallery__trigger::before,
.woocommerce div.product .woocommerce-product-gallery__trigger::before {
	top: 50% !important;
	left: 50% !important;
	transform: translate(-55%, -55%);
}

.woocommerce div.product .flex-control-thumbs {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 0.65rem;
	margin: 0.85rem 0 0;
	padding: 0;
	list-style: none;
}

.woocommerce div.product .flex-control-thumbs li img {
	border-radius: 10px;
	border: 2px solid transparent;
	opacity: 1;
}

.woocommerce div.product .flex-control-thumbs li img.flex-active,
.woocommerce div.product .flex-control-thumbs li img:hover {
	border-color: var(--primary-color);
}

.woocommerce div.product .summary {
	background: var(--white);
	border: 2px solid rgba(255, 215, 0, 0.45);
	border-radius: 20px;
	padding: 1.75rem 1.75rem 1.5rem;
	box-shadow: var(--shadow);
}

.woocommerce div.product .product_title {
	font-family: var(--font-family);
	font-size: clamp(1.6rem, 3.5vw, 2.15rem);
	font-weight: 800;
	line-height: 1.2;
	color: var(--secondary-color);
	margin: 0 0 0.85rem;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
	font-family: var(--font-family);
	font-size: 1.55rem;
	font-weight: 800;
	color: var(--primary-dark);
	margin: 0 0 1.25rem;
}

.woocommerce div.product p.price del,
.woocommerce div.product span.price del {
	opacity: 0.55;
	font-size: 0.85em;
	margin-right: 0.35rem;
}

.woocommerce div.product .woocommerce-product-details__short-description {
	color: var(--text-light);
	line-height: 1.7;
	margin: 0 0 1.5rem;
}

.woocommerce div.product form.cart {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.85rem 1rem;
	margin: 0 0 1.5rem;
}

.woocommerce div.product form.cart .quantity {
	margin: 0;
}

.woocommerce .quantity .qty,
.woocommerce input.qty {
	width: 5rem;
	height: 3rem;
	padding: 0.5rem 0.65rem;
	border: 2px solid var(--border-color);
	border-radius: 12px;
	background: var(--light-bg);
	font-family: var(--font-family);
	font-size: 1rem;
	font-weight: 700;
	color: var(--secondary-color);
	text-align: center;
	transition: var(--transition);
}

.woocommerce .quantity .qty:focus {
	outline: none;
	border-color: var(--primary-color);
	background: var(--white);
}

.woocommerce div.product form.cart .single_add_to_cart_button,
.woocommerce div.product .single_add_to_cart_button.button {
	flex: 1 1 auto;
	min-width: 12rem;
	padding: 0.95rem 1.75rem !important;
	font-size: 1rem !important;
	letter-spacing: 0.01em;
	box-shadow: 0 5px 20px rgba(255, 215, 0, 0.3);
}

.woocommerce div.product .product_meta {
	padding-top: 1.15rem;
	border-top: 1px solid var(--border-color);
	font-size: 0.9rem;
	color: var(--text-light);
	line-height: 1.7;
}

.woocommerce div.product .product_meta a {
	color: var(--secondary-color);
	font-weight: 600;
	text-decoration: none;
}

.woocommerce div.product .product_meta a:hover {
	color: var(--primary-dark);
}

.woocommerce div.product .stock {
	font-weight: 700;
	margin-bottom: 1rem;
}

.woocommerce div.product .stock.in-stock {
	color: #1f7a3f;
}

/* Tabs */
.woocommerce div.product .woocommerce-tabs {
	grid-column: 1 / -1;
	margin-top: 0.5rem;
	background: var(--white);
	border: 2px solid var(--border-color);
	border-radius: 20px;
	padding: 0.5rem 1.5rem 1.5rem;
	box-shadow: var(--shadow);
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	padding: 0.75rem 0 0;
	margin: 0 0 1.25rem;
	border: 0 !important;
	list-style: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before,
.woocommerce div.product .woocommerce-tabs ul.tabs::after {
	display: none !important;
	content: none !important;
	border: 0 !important;
	box-shadow: none !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
	background: var(--light-bg) !important;
	border: 2px solid var(--border-color) !important;
	border-radius: 50px !important;
	margin: 0 !important;
	padding: 0 !important;
	position: relative;
	z-index: 1;
	box-shadow: none !important;
}

/* Kill WooCommerce default tab "ears" / shadow artifacts (Safari/Chrome). */
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
	display: none !important;
	content: none !important;
	border: 0 !important;
	box-shadow: none !important;
	background: none !important;
	width: 0 !important;
	height: 0 !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
	display: block;
	padding: 0.55rem 1.15rem !important;
	font-family: var(--font-family);
	font-weight: 700;
	font-size: 0.9rem;
	color: var(--secondary-color) !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
	background: linear-gradient(135deg, var(--primary-color), var(--primary-dark)) !important;
	border-color: transparent !important;
}

.woocommerce div.product .woocommerce-tabs .panel {
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
	color: var(--text-color);
	line-height: 1.75;
}

.woocommerce div.product .woocommerce-tabs .panel h2 {
	font-size: 1.15rem;
	font-weight: 800;
	color: var(--secondary-color);
	margin: 0 0 0.75rem;
}

/* Review form */
.woocommerce #reviews #review_form_wrapper,
.woocommerce #reviews #comments {
	margin-top: 0.5rem;
}

.woocommerce #review_form #respond {
	font-family: var(--font-family);
}

.woocommerce #review_form #respond .comment-form-rating label,
.woocommerce #review_form #respond .comment-form label {
	font-weight: 600;
	color: var(--secondary-color);
	font-size: 0.9rem;
}

.woocommerce #review_form #respond .comment-form input[type="text"],
.woocommerce #review_form #respond .comment-form input[type="email"],
.woocommerce #review_form #respond .comment-form textarea {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	padding: 0.85rem 1rem;
	border: 2px solid var(--border-color);
	border-radius: 12px;
	background: var(--light-bg);
	font-family: var(--font-family);
	font-size: 1rem;
	color: var(--text-color);
	transition: var(--transition);
}

.woocommerce #review_form #respond .comment-form textarea {
	display: block;
	min-height: 6.5rem;
	max-height: 14rem;
	resize: vertical;
	overflow-x: hidden;
	overflow-y: auto;
}

.woocommerce #reviews,
.woocommerce #reviews #review_form_wrapper,
.woocommerce #review_form,
.woocommerce #review_form #respond,
.woocommerce #review_form #respond .comment-form,
.woocommerce #review_form #respond .comment-form-comment {
	max-width: 100%;
	box-sizing: border-box;
	overflow-x: clip;
}

.woocommerce #review_form #respond .comment-form input:focus,
.woocommerce #review_form #respond .comment-form textarea:focus {
	outline: none;
	border-color: var(--primary-color);
	background: var(--white);
}

.woocommerce #review_form #respond .comment-form-cookies-consent label {
	font-size: 0.85rem !important;
	font-weight: 500 !important;
	line-height: 1.4 !important;
	color: var(--text-light, #555) !important;
}

.woocommerce #review_form #respond .form-submit input {
	background: linear-gradient(135deg, var(--primary-color), var(--primary-dark)) !important;
	color: var(--secondary-color) !important;
	border: none !important;
	border-radius: 50px !important;
	font-weight: 700 !important;
	padding: 0.85rem 1.75rem !important;
	box-shadow: 0 5px 20px rgba(255, 215, 0, 0.3);
}

/* Related / upsells */
.woocommerce .related.products,
.woocommerce .upsells.products {
	grid-column: 1 / -1;
	margin-top: 2.5rem;
}

.woocommerce .related.products > h2,
.woocommerce .upsells.products > h2 {
	font-family: var(--font-family);
	font-size: clamp(1.35rem, 3vw, 1.85rem);
	font-weight: 800;
	color: var(--secondary-color);
	margin: 0 0 1.25rem;
}

@media screen and (max-width: 900px) {
	.woocommerce div.product {
		grid-template-columns: 1fr;
		gap: 1.5rem;
	}
}

@media screen and (max-width: 576px) {
	.woocommerce div.product .summary,
	.woocommerce div.product .woocommerce-product-gallery,
	.woocommerce div.product .woocommerce-tabs {
		padding-left: 1rem;
		padding-right: 1rem;
		border-radius: 16px;
	}

	/* Qty + Add to cart on one row (iPhone Safari). */
	.woocommerce div.product form.cart {
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: center;
		gap: 0.65rem;
	}

	.woocommerce div.product form.cart .quantity {
		flex: 0 0 auto;
	}

	.woocommerce .quantity .qty,
	.woocommerce input.qty {
		width: 4.25rem;
		height: 2.85rem;
	}

	.woocommerce div.product form.cart .single_add_to_cart_button,
	.woocommerce div.product .single_add_to_cart_button.button {
		flex: 1 1 auto;
		width: auto;
		min-width: 0;
		padding: 0.85rem 1rem !important;
		font-size: 0.95rem !important;
		white-space: nowrap;
	}
}

/* ===== WooCommerce Blocks — shared ===== */
.wp-block-woocommerce-cart,
.wp-block-woocommerce-checkout,
.wc-block-cart,
.wc-block-checkout {
	font-family: var(--font-family);
	color: var(--text-color);
}

.wc-block-components-title,
.wp-block-woocommerce-checkout .wc-block-components-checkout-step__title,
.wc-block-components-checkout-step__heading,
.wc-block-cart__totals-title {
	font-family: var(--font-family) !important;
	font-weight: 800 !important;
	color: var(--secondary-color) !important;
}

.wc-block-components-checkout-step__description,
.wc-block-components-product-metadata,
.wc-block-cart-item__prices,
.wc-block-components-product-price,
.wc-block-components-totals-item__description {
	color: var(--text-light);
}

/* Buttons inside Blocks */
.wc-block-components-button:not(.is-link),
.wp-block-button__link.wc-block-components-product-button__button,
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button {
	background: linear-gradient(135deg, var(--primary-color), var(--primary-dark)) !important;
	color: var(--secondary-color) !important;
	border: none !important;
	border-radius: 50px !important;
	font-family: var(--font-family) !important;
	font-weight: 700 !important;
	box-shadow: 0 5px 20px rgba(255, 215, 0, 0.3);
	transition: var(--transition);
	min-height: 3rem;
}

.wc-block-components-button:not(.is-link):hover,
.wp-block-button__link.wc-block-components-product-button__button:hover,
.wc-block-cart__submit-button:hover,
.wc-block-components-checkout-place-order-button:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 28px rgba(255, 215, 0, 0.4);
	filter: brightness(1.02);
}

.wc-block-components-button.is-link,
.wc-block-cart-item__remove-link,
a.wc-block-components-product-name {
	color: var(--secondary-color) !important;
	font-weight: 700;
	text-decoration: none;
}

.wc-block-components-button.is-link:hover,
.wc-block-cart-item__remove-link:hover,
a.wc-block-components-product-name:hover {
	color: var(--primary-dark) !important;
}

/* Form / select / radio: leave WooCommerce Blocks defaults intact.
   Only light brand accents — no padding/position/layout overrides. */
.wc-block-checkout .wc-block-components-text-input input:focus,
.wc-block-checkout .wc-block-components-textarea textarea:focus,
.wc-block-checkout .wc-blocks-components-select__select:focus,
.wc-block-checkout select:focus {
	border-color: var(--primary-color);
}

/*
 * Theme `* { margin: 0 }` kills WC Blocks field spacing.
 * WC address-form is flex+wrap with gap:0 12px — restore ROW gap only.
 * Do NOT add margin-top per child (misaligns half-width pairs like Ім'я/Прізвище).
 * Do NOT force width:100% on desktop — WC uses ~50% for name/city/state pairs.
 */
.wc-block-checkout .wc-block-components-address-form {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 1rem 12px !important;
	justify-content: space-between !important;
	align-items: stretch !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

.wc-block-checkout .wc-block-components-address-form > .wc-block-components-text-input,
.wc-block-checkout .wc-block-components-address-form > .wc-block-components-country-input,
.wc-block-checkout .wc-block-components-address-form > .wc-block-components-state-input,
.wc-block-checkout .wc-block-components-address-form > .wc-block-components-select-input,
.wc-block-checkout .wc-block-components-address-form > .wc-blocks-components-select,
.wc-block-checkout .wc-block-components-address-form > .wc-block-components-textarea,
.wc-block-checkout .wc-block-components-address-form > .wc-block-components-checkbox {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	box-sizing: border-box !important;
	align-self: stretch !important;
}

/*
 * WC adds `.wc-block-checkout__form .wc-blocks-components-select { margin-top: 12px }`
 * (country already resets it; state/city pair does not) — that drops «Область» below city.
 */
.wc-block-checkout .wc-block-components-address-form .wc-blocks-components-select,
.wc-block-checkout .wc-block-components-address-form .wc-block-components-state-input .wc-blocks-components-select,
.wc-block-checkout .wc-block-components-address-form .wc-block-components-country-input .wc-blocks-components-select,
.wc-block-checkout .wc-block-components-address-form .wc-block-components-select-input .wc-blocks-components-select {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.wc-block-checkout .wc-block-components-address-form .wc-block-components-text-input input,
.wc-block-checkout .wc-block-components-address-form .wc-blocks-components-select__select,
.wc-block-checkout .wc-block-components-address-form .wc-blocks-components-select__container,
.wc-block-checkout .wc-block-components-address-form select,
.wc-block-checkout .wc-block-components-address-form textarea {
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
	margin-top: 0 !important;
}

/* Guest-only: hide Blocks checkout «Log in» + guest notice under email */
.wc-block-checkout__login-prompt,
.wc-block-checkout__guest-checkout-notice {
	display: none !important;
}

/* Contact email */
.wc-block-checkout__contact-fields .wc-block-components-address-form,
.wc-block-checkout__contact-fields .wc-block-components-text-input,
.wc-block-checkout__contact-fields .wc-block-components-address-form__email {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
}

.wc-block-checkout__contact-fields .wc-block-components-text-input {
	margin-bottom: 0.75rem !important;
}

/*
 * Mobile / narrow checkout: full-width stacked fields WITH vertical gap.
 * Do NOT use display:block here — it drops flex `gap` and fields glue together
 * (theme also zeros WC margin-top for desktop pair alignment).
 */
@container (max-width: 699px) {
	.wc-block-checkout__billing-fields .wc-block-components-address-form,
	.wc-block-checkout__shipping-fields .wc-block-components-address-form,
	.wc-block-checkout .wc-block-components-address-form {
		display: flex !important;
		flex-direction: column !important;
		flex-wrap: nowrap !important;
		gap: 1rem !important;
		width: 100% !important;
	}

	.wc-block-checkout .wc-block-components-address-form > .wc-block-components-text-input,
	.wc-block-checkout .wc-block-components-address-form > .wc-block-components-country-input,
	.wc-block-checkout .wc-block-components-address-form > .wc-block-components-state-input,
	.wc-block-checkout .wc-block-components-address-form > .wc-block-components-select-input,
	.wc-block-checkout .wc-block-components-address-form > .wc-blocks-components-select,
	.wc-block-checkout .wc-block-components-address-form > .wc-block-components-textarea,
	.wc-block-checkout .wc-block-components-address-form > .wc-block-components-checkbox,
	.wc-block-checkout .wc-block-components-address-form .wc-block-components-text-input.wc-block-components-address-form__first_name,
	.wc-block-checkout .wc-block-components-address-form .wc-block-components-text-input.wc-block-components-address-form__last_name {
		width: 100% !important;
		max-width: 100% !important;
		flex: 0 0 auto !important;
		flex-basis: auto !important;
	}
}

@media screen and (max-width: 782px) {
	.wc-block-checkout .wc-block-components-address-form {
		display: flex !important;
		flex-direction: column !important;
		flex-wrap: nowrap !important;
		gap: 1rem !important;
		width: 100% !important;
	}

	.wc-block-checkout .wc-block-components-address-form > .wc-block-components-text-input,
	.wc-block-checkout .wc-block-components-address-form > .wc-block-components-country-input,
	.wc-block-checkout .wc-block-components-address-form > .wc-block-components-state-input,
	.wc-block-checkout .wc-block-components-address-form > .wc-block-components-select-input,
	.wc-block-checkout .wc-block-components-address-form .wc-block-components-text-input,
	.wc-block-checkout .wc-block-components-address-form .wc-block-components-country-input,
	.wc-block-checkout .wc-block-components-address-form .wc-block-components-state-input,
	.wc-block-checkout .wc-block-components-address-form .wc-blocks-components-select {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		flex: 0 0 auto !important;
		flex-basis: auto !important;
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}

	/* Order summary line: image | title+meta stacked, total under content (not squeezed column) */
	.wc-block-components-order-summary-item {
		display: grid !important;
		grid-template-columns: 56px minmax(0, 1fr) !important;
		grid-template-areas:
			"image description"
			"image total" !important;
		column-gap: 0.75rem !important;
		row-gap: 0.35rem !important;
		align-items: start !important;
		width: 100% !important;
	}

	.wc-block-components-order-summary-item__image {
		grid-area: image !important;
		width: 56px !important;
		max-width: 56px !important;
	}

	.wc-block-components-order-summary-item__description {
		grid-area: description !important;
		display: block !important;
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
		flex: none !important;
	}

	.wc-block-components-order-summary-item__total-price {
		grid-area: total !important;
		width: 100% !important;
		max-width: 100% !important;
		text-align: left !important;
		justify-self: stretch !important;
		padding-top: 0.15rem !important;
	}

	.wc-block-components-order-summary-item__description .wc-block-components-product-name,
	.wc-block-components-order-summary-item__description .wc-block-components-product-metadata {
		max-width: 100% !important;
		overflow-wrap: anywhere;
		word-break: break-word;
	}
}

.wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"]:checked,
.wc-block-components-radio-control__input:checked {
	accent-color: var(--primary-dark);
}

/* Quantity in cart blocks — cosmetic only */
.wc-block-components-quantity-selector {
	border-color: var(--border-color);
	border-radius: 12px;
	background: var(--light-bg);
}

.wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input {
	font-family: var(--font-family);
	font-weight: 700;
	color: var(--secondary-color);
}

/* Panels / cards — cart only (checkout keeps WC chrome) */
.wc-block-cart__main,
.wc-block-cart__sidebar,
.wc-block-components-sidebar,
.wc-block-components-main {
	font-family: var(--font-family);
}

.wc-block-cart-items,
.wp-block-woocommerce-cart-order-summary-block {
	background: var(--white);
	border: 2px solid var(--border-color);
	border-radius: 20px;
	padding: 1.25rem 1.35rem;
	box-shadow: var(--shadow);
}

.wc-block-cart-items {
	border-color: rgba(255, 215, 0, 0.4);
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

/* Don't paint a second line under the last cart row */
.wc-block-cart-items__row {
	border-bottom-color: var(--border-color) !important;
}

.wc-block-cart-items__row:last-child {
	border-bottom: 0 !important;
}

.wc-block-cart-item__image img {
	border-radius: 12px;
}

.wc-block-components-product-name {
	overflow-wrap: anywhere;
	word-break: break-word;
	max-width: 100% !important;
}

/* Cart layout: side-by-side on desktop, stacked on small screens */
.wp-block-woocommerce-filled-cart-block {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: flex-start;
	gap: 1.75rem;
	margin: 0 0 1rem;
}

.wp-block-woocommerce-cart-items-block {
	flex: 1 1 auto;
	min-width: 0;
	width: auto;
	margin: 0;
}

.wp-block-woocommerce-cart-totals-block {
	flex: 0 0 min(340px, 34%);
	width: min(340px, 34%);
	max-width: 38%;
	box-sizing: border-box;
	padding-left: 0 !important;
	margin: 0;
}

.wp-block-woocommerce-cart-order-summary-block {
	margin-top: 0;
	width: 100%;
}

.wp-block-woocommerce-proceed-to-checkout-block,
.wc-block-cart__submit-container {
	margin-top: 0.35rem;
}

.wp-block-woocommerce-cart {
	margin-bottom: 2.5rem;
}

@media screen and (max-width: 900px) {
	.wp-block-woocommerce-filled-cart-block {
		flex-direction: column;
		flex-wrap: wrap;
		gap: 1.5rem;
	}

	.wp-block-woocommerce-cart-items-block,
	.wp-block-woocommerce-cart-totals-block {
		flex: 1 1 auto;
		width: 100% !important;
		max-width: 100%;
	}
}

/* Coupons disabled — hide if markup still present */
.wp-block-woocommerce-cart-order-summary-coupon-form-block,
.wp-block-woocommerce-checkout-order-summary-coupon-form-block,
.wc-block-components-totals-coupon,
.wc-block-components-panel.wc-block-components-totals-coupon {
	display: none !important;
}

.wc-block-components-product-price__value,
.wc-block-components-totals-item__value,
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
	font-weight: 800 !important;
	color: var(--secondary-color) !important;
}

.wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
	color: var(--primary-dark) !important;
	font-size: 1.2rem !important;
}

.wc-block-components-panel__button {
	font-family: var(--font-family) !important;
	font-weight: 700 !important;
	color: var(--secondary-color) !important;
}

.wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"] {
	accent-color: var(--primary-dark);
}

/* Empty cart */
.wc-block-cart__empty-cart__title,
.with-empty-cart-icon.wc-block-cart__empty-cart__title {
	font-family: var(--font-family) !important;
	font-weight: 800 !important;
	color: var(--secondary-color) !important;
	font-size: clamp(1.35rem, 3vw, 1.85rem) !important;
}

/* Cross-sell / empty-cart product grids (Blocks + classic) */
.wc-block-grid__products,
.wp-block-woocommerce-cart-cross-sells-block,
.wp-block-woocommerce-empty-cart-block .wc-block-product-template,
.wp-block-woocommerce-empty-cart-block .wp-block-post-template,
.wp-block-woocommerce-cart .wc-block-product-template,
.wp-block-woocommerce-cart .wp-block-post-template,
body.woocommerce-cart ul.products {
	display: grid !important;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;
	gap: 1.25rem !important;
	margin: 1.5rem 0 0 !important;
	padding: 0 !important;
	list-style: none !important;
	width: 100% !important;
	float: none !important;
}

.wc-block-grid__product,
.wp-block-woocommerce-cart .cross-sells-product,
.wp-block-woocommerce-cart-cross-sells-block .cross-sells-product,
body.woocommerce-cart ul.products li.product,
.wp-block-woocommerce-cart .wc-block-product,
.wp-block-woocommerce-cart .wp-block-post {
	background: var(--white);
	border: 2px solid var(--border-color);
	border-radius: 20px;
	padding: 1rem;
	text-align: center;
	transition: var(--transition);
	list-style: none;
	margin: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	float: none !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	box-sizing: border-box !important;
}

body.woocommerce-cart ul.products li.product .button,
.wp-block-woocommerce-cart .cross-sells-product .button,
.wp-block-woocommerce-cart .wc-block-components-product-button .wp-block-button__link {
	width: 100% !important;
	max-width: 100% !important;
	white-space: normal !important;
	writing-mode: horizontal-tb !important;
	box-sizing: border-box !important;
}

.wc-block-grid__product:hover {
	border-color: rgba(255, 215, 0, 0.65);
	box-shadow: var(--shadow);
	transform: translateY(-4px);
}

.wc-block-grid__product-image img {
	border-radius: 12px;
}

.wc-block-grid__product-title {
	font-weight: 700 !important;
	color: var(--secondary-color) !important;
	font-size: 1rem !important;
}

.wc-block-grid__product-price {
	color: var(--primary-dark) !important;
	font-weight: 700 !important;
}

.wc-block-components-validation-error {
	border-radius: 12px !important;
	font-family: var(--font-family);
}

/* Checkout: WC layout untouched; light CTA spacing only */
.wc-block-checkout__actions,
.wp-block-woocommerce-checkout-actions-block {
	margin-top: 1.25rem;
}

.wc-block-components-checkout-place-order-button {
	width: 100%;
}

@media screen and (max-width: 900px) {
	.wc-block-grid__products {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/*
 * Narrow phones: WC default uses grid-template-columns: 80px 132px with
 * product spanning into the total cell — names/prices collide under ~400px.
 * Keep table semantics; only reassign grid placement.
 */
@media screen and (max-width: 480px) {
	.wp-block-woocommerce-cart,
	.wc-block-cart,
	.wp-block-woocommerce-filled-cart-block {
		max-width: 100%;
		overflow-x: visible;
	}

	table.wc-block-cart-items,
	.wc-block-cart-items {
		width: 100% !important;
		max-width: 100%;
	}

	table.wc-block-cart-items .wc-block-cart-items__header,
	.wc-block-cart-items__header {
		display: none !important;
	}

	table.wc-block-cart-items .wc-block-cart-items__row,
	.wc-block-cart-items__row,
	.is-mobile table.wc-block-cart-items .wc-block-cart-items__row,
	.is-small table.wc-block-cart-items .wc-block-cart-items__row {
		display: grid !important;
		grid-template-columns: 64px minmax(0, 1fr) !important;
		grid-template-rows: auto auto auto !important;
		column-gap: 0.75rem !important;
		row-gap: 0.55rem !important;
		padding: 0.85rem 0 !important;
		align-items: start;
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
	}

	table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image,
	.wc-block-cart-items__row .wc-block-cart-item__image,
	.is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image,
	.is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image {
		grid-column: 1 !important;
		grid-row: 1 !important;
		padding-right: 0 !important;
		width: 64px;
		max-width: 64px;
	}

	.wc-block-cart-item__image img {
		width: 64px !important;
		height: 64px !important;
		object-fit: cover;
	}

	table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product,
	.wc-block-cart-items__row .wc-block-cart-item__product,
	.is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product,
	.is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product {
		grid-column: 2 !important;
		grid-column-end: auto !important;
		grid-row: 1 !important;
		min-width: 0;
		max-width: 100%;
		justify-self: stretch;
	}

	.wc-block-cart-item__wrap {
		max-width: 100%;
		min-width: 0;
	}

	table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity,
	.wc-block-cart-items__row .wc-block-cart-item__quantity,
	.is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity,
	.is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity {
		grid-column: 1 / -1 !important;
		grid-row: 2 !important;
		padding-right: 0 !important;
		padding-top: 0.15rem !important;
	}

	/* Bottom row: "загалом" left — sum right */
	table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total,
	.wc-block-cart-items__row .wc-block-cart-item__total,
	.is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total,
	.is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total {
		grid-column: 1 / -1 !important;
		grid-row: 3 !important;
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		justify-content: space-between !important;
		align-items: center !important;
		justify-self: stretch !important;
		width: 100% !important;
		max-width: 100%;
		box-sizing: border-box;
		margin-top: 0.35rem;
		padding-top: 0.75rem !important;
		border-top: 1px solid var(--border-color);
		text-align: right !important;
		gap: 0.75rem;
	}

	.wc-block-cart-item__total::before {
		content: "Total:";
		flex: 0 0 auto;
		font-family: var(--font-family);
		font-size: 0.9rem;
		font-weight: 700;
		color: var(--secondary-color);
		text-transform: none;
		letter-spacing: 0;
	}

	body.lang-uk .wc-block-cart-item__total::before {
		content: "загалом:";
	}

	body.lang-ru .wc-block-cart-item__total::before {
		content: "Итого:";
	}

	body.lang-pl .wc-block-cart-item__total::before {
		content: "Razem:";
	}

	body.lang-en .wc-block-cart-item__total::before {
		content: "Total:";
	}

	/* Hide "загалом" row chrome while cart skeletons are loading */
	.wp-block-woocommerce-cart.is-loading .wc-block-cart-item__total,
	.wc-block-cart--is-loading .wc-block-cart-item__total,
	.is-loading .wc-block-cart-item__total,
	.wc-block-cart-item__total:has(.wc-block-components-skeleton),
	.wc-block-cart-item__total:has(.wc-block-components-skeleton__element) {
		border-top: 0 !important;
		padding-top: 0 !important;
		margin-top: 0 !important;
	}

	.wp-block-woocommerce-cart.is-loading .wc-block-cart-item__total::before,
	.wc-block-cart--is-loading .wc-block-cart-item__total::before,
	.is-loading .wc-block-cart-item__total::before,
	.wc-block-cart-item__total:has(.wc-block-components-skeleton)::before,
	.wc-block-cart-item__total:has(.wc-block-components-skeleton__element)::before {
		content: none !important;
		display: none !important;
	}

	.wc-block-cart-item__total .wc-block-cart-item__total-price-and-sale-badge-wrapper,
	.wc-block-cart-item__total .wc-block-components-product-price,
	.wc-block-cart-item__total .price {
		margin-left: auto;
		justify-content: flex-end !important;
		align-items: flex-end !important;
		text-align: right !important;
	}

	.wc-block-cart-item__total .wc-block-components-product-price__value,
	.wc-block-cart-item__total .wc-block-components-formatted-money-amount {
		font-weight: 800 !important;
		font-size: 1.05rem !important;
		color: var(--secondary-color) !important;
	}

	.wc-block-cart-items,
	.wp-block-woocommerce-cart-order-summary-block {
		padding: 1rem;
		border-radius: 16px;
	}
}

@media screen and (max-width: 576px) {
	.wc-block-grid__products,
	body.woocommerce-cart ul.products,
	.wp-block-woocommerce-cart .wc-block-product-template,
	.wp-block-woocommerce-cart .wp-block-post-template {
		grid-template-columns: 1fr !important;
	}

	.wc-block-cart-items,
	.wp-block-woocommerce-cart-order-summary-block {
		padding: 1rem;
		border-radius: 16px;
	}
}

/* ===== Order received / thank-you ===== */
.woocommerce-order .woocommerce-thankyou-order-received,
.woocommerce-order p.woocommerce-notice--success {
	margin: 0 0 1.5rem !important;
	padding: 1rem 1.25rem !important;
	border-radius: 14px !important;
	border: 2px solid rgba(255, 215, 0, 0.45) !important;
	background: var(--light-bg) !important;
	color: var(--secondary-color) !important;
	font-family: var(--font-family) !important;
	font-size: 1.05rem !important;
	font-weight: 700 !important;
	line-height: 1.45 !important;
}

.woocommerce-order ul.woocommerce-order-overview {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0.85rem;
	list-style: none !important;
	margin: 0 0 2rem !important;
	padding: 1.1rem !important;
	background: var(--white);
	border: 2px solid var(--border-color);
	border-radius: 16px;
	float: none !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

.woocommerce-order ul.woocommerce-order-overview::before,
.woocommerce-order ul.woocommerce-order-overview::after {
	display: none !important;
	content: none !important;
}

.woocommerce-order ul.woocommerce-order-overview li {
	float: none !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0.75rem 0.85rem !important;
	border: none !important;
	border-right: none !important;
	background: var(--light-bg);
	border-radius: 12px;
	font-size: 0.8rem !important;
	font-weight: 600 !important;
	color: var(--text-light, #666);
	text-transform: none !important;
	line-height: 1.35;
}

.woocommerce-order ul.woocommerce-order-overview li strong {
	display: block;
	margin-top: 0.35rem;
	font-size: 1.05rem;
	font-weight: 800;
	color: var(--secondary-color);
	word-break: break-word;
}

@media screen and (max-width: 900px) {
	.woocommerce-order ul.woocommerce-order-overview {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media screen and (max-width: 480px) {
	.woocommerce-order ul.woocommerce-order-overview {
		grid-template-columns: 1fr;
		padding: 0.85rem;
		gap: 0.65rem;
	}

	.woocommerce-order ul.woocommerce-order-overview li {
		display: flex;
		justify-content: space-between;
		align-items: baseline;
		gap: 0.75rem;
		padding: 0.85rem 1rem !important;
	}

	.woocommerce-order ul.woocommerce-order-overview li strong {
		margin-top: 0;
		text-align: right;
	}
}