/*!
Theme Name: Maxcoach Child
Theme URI: https://maxcoach.thememove.com
Description: Child theme for Maxcoach — safe place for custom CSS and overrides that survive parent theme updates.
Author: spretni.si
Template: maxcoach
Version: 1.0.0
Text Domain: maxcoach-child
*/

/* ===========================================================
   Add your custom CSS below this line.
   Anything here overrides the parent theme and is safe from
   Maxcoach updates.
   =========================================================== */

/* ===========================================================
   Cart & Checkout — clean, centered, Shopify-style layout
   The theme hero on these pages is removed in functions.php
   (maxcoach_title_bar_type => none), so this only handles the
   content: width/gutters, two-column layout, card styling.
   =========================================================== */

/* --- Centered content with real side gutters (fixes full-bleed) --- */
.woocommerce-cart #page-content > .container,
.woocommerce-checkout #page-content > .container {
	max-width: 1180px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 24px;
	padding-right: 24px;
}

/* A little breathing room at the top now that the hero is gone. */
.woocommerce-cart #page-content,
.woocommerce-checkout #page-content {
	padding-top: 48px;
	padding-bottom: 64px;
}

/* Title-bar hero also removed on single product pages (functions.php) — keep a
   bit of top margin so the content doesn't sit under the header. */
.single-product #page-content {
	padding-top: 40px;
}

/* ---------- CHECKOUT: single-column vertical flow ----------
   Order on every screen size: summary (top) -> billing -> payment (bottom),
   matching the "see what you're buying first, pay last" narrative. Centered and
   width-constrained on desktop so the fields aren't stretched. */
.woocommerce-checkout form.checkout.woocommerce-checkout {
	display: flex;
	flex-direction: column;
	max-width: 780px;
	margin-left: auto;
	margin-right: auto;
}
.woocommerce-checkout #wc-stripe-express-checkout-element {
	order: 0;
}
.woocommerce-checkout #order_review_heading {
	order: 1;
	margin-bottom: 14px;
}
.woocommerce-checkout #order_review {
	order: 2;
	margin-bottom: 32px;
}
.woocommerce-checkout #customer_details {
	order: 3;
}
.woocommerce-checkout #payment {
	order: 4;
}

/* Billing/shipping sub-columns stack within the form. */
.woocommerce-checkout #customer_details .col-1,
.woocommerce-checkout #customer_details .col-2 {
	float: none;
	width: 100%;
}

/* ---------- Form fields: full-width, consistent ---------- */
.woocommerce-checkout .form-row,
.woocommerce-checkout .woocommerce-billing-fields .form-row {
	margin: 0 0 16px;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce-checkout select:not(.country_select):not(.state_select) {
	width: 100%;
	box-sizing: border-box;
	padding: 12px 14px;
	border: 1px solid #d9dce1;
	border-radius: 8px;
	line-height: 1.4;
}

/* Enhanced (select2) dropdowns — country / state. Style the select2 selection
   itself so it matches the inputs, instead of wrapping it in a second box
   ("dropdown inside a field"). */
.woocommerce-checkout .select2-container {
	width: 100% !important;
}
.woocommerce-checkout .select2-container--default .select2-selection--single {
	height: 46px;
	border: 1px solid #d9dce1;
	border-radius: 8px;
	padding: 6px 14px;
	display: flex;
	align-items: center;
}
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
	padding: 0;
	line-height: 1.4;
	color: inherit;
}
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 44px;
	right: 8px;
}
.woocommerce form .form-row label {
	font-weight: 600;
	margin-bottom: 6px;
	display: inline-block;
}

/* The theme hides billing/shipping/additional field labels (placeholder-only
   design), so the field name disappears as soon as you type. Un-hide them —
   labels go ABOVE each input. Selector matches the theme's exact specificity so
   it wins (child stylesheet loads later). Placeholders are cleared in PHP.
   Also reveal labels marked .screen-reader-text (e.g. the address line 2 /
   apartment field) so no input is left without a visible label. */
.woocommerce-checkout .woocommerce-billing-fields .form-row > label,
.woocommerce-checkout .woocommerce-shipping-fields .form-row > label,
.woocommerce-checkout .woocommerce-additional-fields .form-row > label,
.woocommerce-checkout .woocommerce-billing-fields .form-row > label.screen-reader-text,
.woocommerce-checkout .woocommerce-shipping-fields .form-row > label.screen-reader-text,
.woocommerce-checkout .woocommerce-additional-fields .form-row > label.screen-reader-text {
	display: block;
	position: static !important; /* beats .screen-reader-text { position: absolute !important } */
	width: auto;
	height: auto;
	margin: 0 0 6px;
	padding: 0;
	clip: auto;
	clip-path: none;
	overflow: visible;
	font-weight: 600;
	white-space: normal;
}

/* ---------- "Naročnik je" account-type toggle (spec 3.14 / 3.15) ---------- */
/* Inline radio options under the label. */
.woocommerce-checkout #billing_account_type_field .woocommerce-input-wrapper {
	display: block;
	margin-top: 4px;
}
.woocommerce-checkout #billing_account_type_field input.input-radio {
	width: auto;
	margin: 0 6px 0 0;
	vertical-align: middle;
}
.woocommerce-checkout #billing_account_type_field label.radio {
	display: inline-block;
	margin: 0 24px 4px 0;
	font-weight: 400;
	vertical-align: middle;
}
/* Company fields (name / address / tax no.) are revealed only for "pravna".
   Hidden only when the JS class is present, so no-JS users still see everything. */
.woocommerce-checkout form.checkout.account-type-fizicna .company-field {
	display: none;
}

/* "Plačnik je tudi udeleženec": when ticked, the payer is the attendee, so hide
   the participant fields (Ime / Priimek / Ulica / Poštna / Kraj). Driven by the
   JS-added .payer-is-participant class, so the fields stay visible with JS off
   (safe fallback). Unticked → fields shown so the attendee's data can be entered. */
.woocommerce-checkout form.checkout.payer-is-participant .participant-field {
	display: none;
}

/* ---------- Card-brand logos on the Stripe card method ---------- */
.woocommerce-checkout .spretni-card-icons {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-left: 10px;
	vertical-align: middle;
}
.woocommerce-checkout .spretni-card-icons img {
	height: 22px;
	width: auto;
	display: inline-block;
	border: 1px solid #eceef1;
	border-radius: 4px;
}
.woocommerce-checkout ul.payment_methods li {
	list-style: none;
}

/* ---------- Order summary: card look ---------- */
.woocommerce-checkout #order_review {
	background: #fff;
	border: 1px solid #e6e8ec;
	border-radius: 12px;
	padding: 20px 22px;
	box-shadow: 0 1px 3px rgba(16, 24, 40, 0.04);
}
.woocommerce-checkout #order_review_heading {
	margin-bottom: 14px;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table {
	border: 0;
}
/* Product thumbnail in the order-review line item (added in functions.php). */
.woocommerce-checkout .woocommerce-checkout-review-order-table td.product-name {
	overflow: hidden;
}
.woocommerce-checkout .co-review-thumb img {
	float: left;
	width: 48px;
	height: 48px;
	margin: 0 12px 0 0;
	border-radius: 6px;
	object-fit: cover;
}
/* Payment is its own block (detached from the summary in functions.php). Keep it
   flat like the billing fields above (no card) — just a light divider + spacing
   for separation, so the two data-entry areas look consistent. */
.woocommerce-checkout #payment {
	background: transparent;
	border: 0;
	border-top: 1px solid #e6e8ec;
	border-radius: 0;
	box-shadow: none;
	margin-top: 16px;
	padding: 20px 0 0;
}
.woocommerce-checkout #payment .payment_box {
	background: #f6f7f9;
}

/* Primary action buttons (checkout "Kupite sedaj" + cart "Na blagajno") —
   white, centered text (theme rendered it gray and bottom-aligned), full width. */
.woocommerce #payment #place_order,
.woocommerce-checkout #place_order,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 52px;
	padding: 14px 20px;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
	color: #fff !important;
	border-radius: 8px;
}
.woocommerce #payment #place_order:hover,
.woocommerce-checkout #place_order:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
	color: #fff !important;
}

/* ---------- CART: cleanup (client request) ----------
   Hide the Empty-cart + Update-cart buttons. Update-cart is only hidden (kept in
   the DOM) so the auto-update JS can still trigger it on quantity change. */
.woocommerce-cart .actions-buttons {
	display: none !important;
}
/* Hide the info/"Cart updated" + success notices ("Košarica je posodobljena"
   etc.). Errors stay visible so coupon problems are still shown. */
.woocommerce-cart .woocommerce-notices-wrapper .woocommerce-info,
.woocommerce-cart .woocommerce-notices-wrapper .woocommerce-message {
	display: none;
}

/* Total row VAT note ("Vključuje 12,44 € DDV") on its own smaller, muted line. */
.woocommerce .order-total .includes_tax,
.includes_tax {
	display: block;
	margin-top: 3px;
	font-size: 13px;
	font-weight: 400;
	color: #6b7280;
}
/* The amount span inside is forced to 20px by the theme
   (.cart-collaterals .order-total .amount) — pull it back down to match. */
.woocommerce-cart .cart-collaterals .order-total .includes_tax .amount,
.woocommerce .order-total .includes_tax .amount {
	font-size: 13px;
	font-weight: 400;
	color: #6b7280;
}

/* ---------- CART: tidy table + totals card ---------- */
.woocommerce-cart .cart-collaterals .cart_totals {
	background: #fff;
	border: 1px solid #e6e8ec;
	border-radius: 12px;
	padding: 20px 22px;
	box-shadow: 0 1px 3px rgba(16, 24, 40, 0.04);
}
.woocommerce-cart table.shop_table {
	border-radius: 10px;
	border-color: #e6e8ec;
}

/* Two columns on desktop: cart items left, totals right. */
@media (min-width: 992px) {
	.woocommerce-cart .woocommerce {
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		gap: 40px;
	}
	.woocommerce-cart .woocommerce-notices-wrapper {
		flex: 1 1 100%;
	}
	.woocommerce-cart form.woocommerce-cart-form {
		flex: 1 1 58%;
		min-width: 0;
	}
	.woocommerce-cart .cart-collaterals {
		flex: 1 1 38%;
		width: auto !important;
		float: none;
	}
	.woocommerce-cart .cart-collaterals .cart_totals {
		width: 100% !important;
		position: sticky;
		top: 100px;
	}
}

/* ---------- Mobile: comfortable padding, single column ---------- */
@media (max-width: 991px) {
	.woocommerce-cart #page-content > .container,
	.woocommerce-checkout #page-content > .container {
		padding-left: 16px;
		padding-right: 16px;
	}
	/* Bootstrap .row has negative side margins that pull content back to the
	   screen edge, cancelling the container gutter — neutralise them so the
	   16px margin is actually visible on mobile. */
	.woocommerce-cart #page-content > .container > .row,
	.woocommerce-checkout #page-content > .container > .row {
		margin-left: 0;
		margin-right: 0;
	}
}

/* The theme reserves padding-left:110px on .cart_item at <=767px for an
   absolutely-positioned cart thumbnail. The checkout review table has no such
   thumbnail (we float a small 48px one instead), so that indent is empty space.
   Drop it — scoped to the review table so the real cart page is unaffected. */
@media (max-width: 767px) {
	body.woocommerce-checkout table.woocommerce-checkout-review-order-table .cart_item,
	body.woocommerce-checkout table.woocommerce-checkout-review-order-table .cart_item td {
		padding-left: 0;
	}
}

/* ---------- Brand button colour (client request) ----------
   Make every action button the same brown (#AE7C50) used by the old product-page
   "V košarico" Elementor button. The theme's default button was coral (#e26a6a);
   hover uses the theme's existing darker brown (#936144). Covers Elementor
   buttons, WooCommerce buttons (add-to-cart, coupon, etc.), the checkout/cart
   primary buttons, and Gutenberg button blocks. !important to beat the theme's
   per-element inline Elementor CSS and WooCommerce defaults. */
.elementor-button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce input.button.alt,
.woocommerce #respond input#submit,
.woocommerce .single_add_to_cart_button,
.woocommerce #payment #place_order,
.woocommerce-checkout #place_order,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.wp-block-button__link {
	background-color: #AE7C50 !important;
	border-color: #AE7C50 !important;
	color: #fff !important;
	fill: #fff !important;
}
.elementor-button:hover,
.elementor-button:focus,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit:hover,
.woocommerce .single_add_to_cart_button:hover,
.woocommerce #payment #place_order:hover,
.woocommerce-checkout #place_order:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.wp-block-button__link:hover {
	background-color: #936144 !important;
	border-color: #936144 !important;
	color: #fff !important;
	fill: #fff !important;
}

/* ---------- Remove the redundant brown "V košarico" button (client request) ----------
   The product-page Elementor button (#eaf74d4) linked to /zakljucek-nakupa/ in a
   new tab and is superseded by the variation dropdown + add-to-cart. Hidden in
   code (element id is identical on production, so this deploys the removal there
   too) rather than via a DB/Elementor-editor edit that would not travel with the
   theme. The "PRIJAVA" heading and "Samo 15 prostih mest*" note around it are left
   in place — remove those in the Elementor editor if also unwanted. */
.elementor-element-eaf74d4 {
	display: none !important;
}

.spretni-remove-participant {
	padding: 1px 4px;
	border: 0;
	background: transparent;
	color: inherit;
	font-size: 10px;
	font-weight: 500;
	line-height: 1.2;
	text-decoration: none;
	cursor: pointer;
	opacity: 0.65;
	transition: opacity 0.2s ease;
}

.spretni-remove-participant:hover {
	background: transparent;
	color: inherit;
	opacity: 1;
}

.spretni-payer-label {
	margin-left: auto;
	font-size: 11px;
	font-weight: 600;
	line-height: 1.2;
	opacity: 0.7;
}

.spretni-participant-message {
	margin: 10px 0;
	padding: 10px 12px;
	border-radius: 6px;
	font-size: 13px;
	line-height: 1.5;
	background: rgba(0, 0, 0, 0.04);
}

/****** 22.07.2026 ************/
/* ============================================================
   THANK YOU PAGE – SUCCESS MESSAGE
   ============================================================ */

.woocommerce-order-received .spretni-thankyou-message {
	margin: 0 0 34px;
	padding: 26px 30px;
	background: #fffaf5;
	border-left: 4px solid #ae7c50;
	border-radius: 8px;
}

.woocommerce-order-received .spretni-thankyou-message h1 {
	margin: 0 0 10px;
	font-size: 30px;
	line-height: 1.25;
	color: #333;
}

.woocommerce-order-received .spretni-thankyou-message p {
	margin: 0;
	font-size: 16px;
	line-height: 1.7;
	color: #303030;
}

@media (max-width: 767px) {

	.woocommerce-order-received .spretni-thankyou-message {
		padding: 20px;
	}

	.woocommerce-order-received .spretni-thankyou-message h1 {
		font-size: 24px;
	}
}

/*************/


/*22.7.2026 19.00************/

/* ============================================================
   THANK YOU PAGE – NEXT STEPS
   ============================================================ */

.woocommerce-order-received .spretni-next-steps {
	margin: 0 0 40px;
	padding: 30px;
	background: #ffffff;
	border: 1px solid #eeeeee;
	border-radius: 10px;
}

.woocommerce-order-received .spretni-next-steps h2 {
	margin: 0 0 24px;
	font-size: 26px;
	line-height: 1.3;
	color: #333333;
}

.woocommerce-order-received .spretni-next-steps-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
}

.woocommerce-order-received .spretni-next-step {
	position: relative;
	padding: 0 10px 0 0;
}

.woocommerce-order-received .spretni-next-step-number {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	margin-bottom: 14px;
	border-radius: 50%;
	background: #ae7c50;
	color: #ffffff;
	font-size: 17px;
	font-weight: 600;
	line-height: 1;
}

.woocommerce-order-received .spretni-next-step h3 {
	margin: 0 0 8px;
	font-size: 18px;
	line-height: 1.4;
	color: #333333;
}

.woocommerce-order-received .spretni-next-step p {
	margin: 0;
	font-size: 15px;
	line-height: 1.65;
	color: #555555;
}


/* Tablet */
@media (max-width: 991px) {

	.woocommerce-order-received .spretni-next-steps-grid {
		grid-template-columns: 1fr;
		gap: 22px;
	}

	.woocommerce-order-received .spretni-next-step {
		padding-bottom: 20px;
		border-bottom: 1px solid #eeeeee;
	}

	.woocommerce-order-received .spretni-next-step:last-child {
		padding-bottom: 0;
		border-bottom: 0;
	}
}


/* Mobile */
@media (max-width: 767px) {

	.woocommerce-order-received .spretni-next-steps {
		padding: 22px 20px;
		margin-bottom: 30px;
	}

	.woocommerce-order-received .spretni-next-steps h2 {
		font-size: 23px;
	}

	.woocommerce-order-received .spretni-next-step h3 {
		font-size: 17px;
	}
}

/*************/
/* ============================================================
   THANK YOU PAGE – SPACING BETWEEN INTRO AND NEXT STEPS
   ============================================================ */

.woocommerce-order-received .spretni-thankyou-wrapper {
	margin-bottom: 35px;
}

.woocommerce-order-received .spretni-thankyou-message {
	margin-bottom: 24px;
}

.woocommerce-order-received .spretni-next-steps {
	margin-bottom: 0;
}

/*22.07.2026 *************/
/* ============================================================
   THANK YOU PAGE – EDUCATION / PARTICIPANTS
   ============================================================ */

.woocommerce-order-received .spretni-thankyou-education {
	margin: 24px 0 0;
	padding: 30px;
	background: #ffffff;
	border: 1px solid #eeeeee;
	border-radius: 10px;
}

.woocommerce-order-received .spretni-thankyou-education > h2 {
	margin: 0 0 24px;
	font-size: 26px;
	line-height: 1.3;
	color: #333333;
}

.woocommerce-order-received .spretni-thankyou-education-item {
	padding: 22px 0;
	border-top: 1px solid #eeeeee;
}

.woocommerce-order-received .spretni-thankyou-education-item:first-of-type {
	padding-top: 0;
	border-top: 0;
}

.woocommerce-order-received .spretni-thankyou-education-item:last-child {
	padding-bottom: 0;
}

.woocommerce-order-received .spretni-thankyou-education-item h3 {
	margin: 0 0 12px;
	font-size: 19px;
	line-height: 1.4;
	color: #333333;
}

.woocommerce-order-received .spretni-thankyou-education-stats {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 24px;
	margin-bottom: 20px;
	font-size: 14px;
	color: #555555;
}

.woocommerce-order-received .spretni-thankyou-participants h4 {
	margin: 0 0 12px;
	font-size: 16px;
	color: #333333;
}

.woocommerce-order-received .spretni-thankyou-participant {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 9px;
}

.woocommerce-order-received .spretni-thankyou-participant-number {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 30px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #f5eee8;
	color: #936144;
	font-size: 13px;
	font-weight: 600;
}

.woocommerce-order-received .spretni-thankyou-participant-name {
	font-weight: 500;
	color: #333333;
}

.woocommerce-order-received .spretni-thankyou-participant-name small {
	margin-left: 4px;
	font-size: 13px;
	font-weight: 400;
	color: #777777;
}

.woocommerce-order-received .spretni-thankyou-pending {
	margin-top: 18px;
	padding: 13px 16px;
	background: #fffaf5;
	border-left: 3px solid #ae7c50;
	border-radius: 5px;
	font-size: 14px;
	line-height: 1.6;
	color: #555555;
}

.woocommerce-order-received .spretni-thankyou-pending strong {
	color: #333333;
}


/* Mobile */

@media (max-width: 767px) {

	.woocommerce-order-received .spretni-thankyou-education {
		padding: 22px 20px;
	}

	.woocommerce-order-received .spretni-thankyou-education > h2 {
		font-size: 23px;
	}

	.woocommerce-order-received .spretni-thankyou-education-stats {
		display: block;
	}

	.woocommerce-order-received .spretni-thankyou-education-stats span {
		display: block;
		margin-bottom: 4px;
	}
}
/*************/
/* ============================================================
   THANK YOU PAGE – PAYMENT DETAILS
   ============================================================ */

.woocommerce-order-received .spretni-thankyou-payment {
	margin: 24px 0 0;
	padding: 30px;
	background: #fffaf5;
	border: 1px solid #eadfd4;
	border-radius: 10px;
}

.woocommerce-order-received .spretni-thankyou-payment h2 {
	margin: 0 0 22px;
	font-size: 26px;
	line-height: 1.3;
	color: #333333;
}

.woocommerce-order-received .spretni-payment-details {
	max-width: 720px;
}

.woocommerce-order-received .spretni-payment-row {
	display: grid;
	grid-template-columns: 190px 1fr;
	gap: 20px;
	padding: 10px 0;
	border-bottom: 1px solid #eadfd4;
}

.woocommerce-order-received .spretni-payment-row:last-child {
	border-bottom: 0;
}

.woocommerce-order-received .spretni-payment-row span {
	color: #666666;
}

.woocommerce-order-received .spretni-payment-row strong {
	color: #333333;
	font-weight: 600;
}

.woocommerce-order-received .spretni-payment-note {
	margin: 20px 0 0;
	padding-top: 16px;
	border-top: 1px solid #eadfd4;
	font-size: 14px;
	line-height: 1.65;
	color: #555555;
}


/* Mobile */

@media (max-width: 767px) {

	.woocommerce-order-received .spretni-thankyou-payment {
		padding: 22px 20px;
	}

	.woocommerce-order-received .spretni-thankyou-payment h2 {
		font-size: 23px;
	}

	.woocommerce-order-received .spretni-payment-row {
		grid-template-columns: 1fr;
		gap: 2px;
		padding: 10px 0;
	}
}
/*************/
/* ============================================================
   THANK YOU PAGE – ORDER DETAILS
   ============================================================ */

.woocommerce-order-received .woocommerce-order-details {
	margin: 24px 0 0;
	padding: 30px;
	background: #ffffff;
	border: 1px solid #eeeeee;
	border-radius: 10px;
}

.woocommerce-order-received .woocommerce-order-details__title {
	margin: 0 0 24px;
	font-size: 26px;
	line-height: 1.3;
	color: #333333;
}

/* Order table */
.woocommerce-order-received
.woocommerce-order-details
.shop_table {
	margin: 0;
	border: 0;
	border-collapse: collapse;
	background: transparent;
}

/* Table headings */
.woocommerce-order-received
.woocommerce-order-details
.shop_table thead th {
	padding: 14px 12px;
	border-bottom: 1px solid #eeeeee;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #555555;
}

/* Product rows */
.woocommerce-order-received
.woocommerce-order-details
.shop_table tbody td {
	padding: 18px 12px;
	border-bottom: 1px solid #eeeeee;
	vertical-align: top;
}

/* Product name */
.woocommerce-order-received
.woocommerce-order-details
.product-name {
	font-weight: 500;
	color: #333333;
}

/* Price column */
.woocommerce-order-received
.woocommerce-order-details
.product-total {
	text-align: right;
	white-space: nowrap;
}

/* Totals */
.woocommerce-order-received
.woocommerce-order-details
.shop_table tfoot th,
.woocommerce-order-received
.woocommerce-order-details
.shop_table tfoot td {
	padding: 13px 12px;
	border-top: 0;
	border-bottom: 1px solid #eeeeee;
}

.woocommerce-order-received
.woocommerce-order-details
.shop_table tfoot th {
	font-size: 14px;
	font-weight: 600;
	color: #444444;
}

.woocommerce-order-received
.woocommerce-order-details
.shop_table tfoot td {
	text-align: right;
	font-weight: 500;
}

/* Final total */
.woocommerce-order-received
.woocommerce-order-details
.shop_table tfoot tr:last-child th,
.woocommerce-order-received
.woocommerce-order-details
.shop_table tfoot tr:last-child td {
	padding-top: 18px;
	padding-bottom: 18px;
	border-bottom: 0;
	font-size: 18px;
	font-weight: 600;
	color: #333333;
}


/* Mobile */
@media (max-width: 767px) {

	.woocommerce-order-received .woocommerce-order-details {
		padding: 22px 18px;
	}

	.woocommerce-order-received .woocommerce-order-details__title {
		font-size: 23px;
	}

	.woocommerce-order-received
	.woocommerce-order-details
	.shop_table thead {
		display: none;
	}

	.woocommerce-order-received
	.woocommerce-order-details
	.shop_table tbody td,
	.woocommerce-order-received
	.woocommerce-order-details
	.shop_table tfoot th,
	.woocommerce-order-received
	.woocommerce-order-details
	.shop_table tfoot td {
		padding-left: 4px;
		padding-right: 4px;
	}
}
/*************/
/* ============================================================
   THANK YOU PAGE – CUSTOMER / BILLING / SHIPPING DETAILS
   ============================================================ */

.woocommerce-order-received .woocommerce-customer-details {
	margin: 24px 0 0;
	padding: 30px;
	background: #ffffff;
	border: 1px solid #eeeeee;
	border-radius: 10px;
}

/* Columns when WooCommerce outputs billing + shipping */
.woocommerce-order-received
.woocommerce-customer-details
.woocommerce-columns {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
}

/* Remove WooCommerce floating-column behaviour */
.woocommerce-order-received
.woocommerce-customer-details
.woocommerce-column {
	float: none;
	width: auto;
	margin: 0;
}

/* Section titles */
.woocommerce-order-received
.woocommerce-customer-details
.woocommerce-column__title {
	margin: 0 0 18px;
	font-size: 23px;
	line-height: 1.3;
	color: #333333;
}

/* Address card */
.woocommerce-order-received
.woocommerce-customer-details
address {
	margin: 0;
	padding: 20px;
	background: #fffaf5;
	border: 1px solid #eadfd4;
	border-radius: 8px;
	font-style: normal;
	font-size: 15px;
	line-height: 1.75;
	color: #444444;
}

/* Telephone + email */
.woocommerce-order-received
.woocommerce-customer-details
.woocommerce-customer-details--phone,
.woocommerce-order-received
.woocommerce-customer-details
.woocommerce-customer-details--email {
	margin: 8px 0 0;
	padding: 0;
}

/* Slight visual separation of contact info */
.woocommerce-order-received
.woocommerce-customer-details
.woocommerce-customer-details--phone {
	margin-top: 14px;
	padding-top: 12px;
	border-top: 1px solid #eadfd4;
}

.woocommerce-order-received
.woocommerce-customer-details
.woocommerce-customer-details--email {
	word-break: break-word;
}

/* Links */
.woocommerce-order-received
.woocommerce-customer-details
a {
	color: #936144;
	text-decoration: none;
}

.woocommerce-order-received
.woocommerce-customer-details
a:hover {
	text-decoration: underline;
}


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 767px) {

	.woocommerce-order-received .woocommerce-customer-details {
		padding: 22px 20px;
	}

	.woocommerce-order-received
	.woocommerce-customer-details
	.woocommerce-columns {
		grid-template-columns: 1fr;
		gap: 22px;
	}

	.woocommerce-order-received
	.woocommerce-customer-details
	.woocommerce-column__title {
		font-size: 21px;
	}

	.woocommerce-order-received
	.woocommerce-customer-details
	address {
		padding: 17px;
	}
}
/*************/
/* ============================================================
   THANK YOU PAGE – SHIPPING ADDRESS
   ============================================================ */

.woocommerce-order-received .spretni-thankyou-shipping {
	margin: 24px 0 0;
	padding: 30px;
	background: #ffffff;
	border: 1px solid #eeeeee;
	border-radius: 10px;
}

.woocommerce-order-received .spretni-thankyou-shipping h2 {
	margin: 0 0 18px;
	font-size: 23px;
	line-height: 1.3;
	color: #333333;
}

.woocommerce-order-received .spretni-thankyou-shipping address {
	margin: 0;
	padding: 20px;
	background: #fffaf5;
	border: 1px solid #eadfd4;
	border-radius: 8px;
	font-style: normal;
	font-size: 15px;
	line-height: 1.75;
	color: #444444;
}

.woocommerce-order-received
.spretni-thankyou-shipping
.spretni-shipping-phone {
	margin: 14px 0 0;
	padding-top: 12px;
	border-top: 1px solid #eadfd4;
}


/* Mobile */

@media (max-width: 767px) {

	.woocommerce-order-received .spretni-thankyou-shipping {
		padding: 22px 20px;
	}

	.woocommerce-order-received .spretni-thankyou-shipping h2 {
		font-size: 21px;
	}

	.woocommerce-order-received .spretni-thankyou-shipping address {
		padding: 17px;
	}
}
/*************/
/*************/
/* Remove WooCommerce's empty legacy received-message paragraph,
   should it still be output by another template layer. */
.woocommerce-order-received
.woocommerce-thankyou-order-received:empty {
	display: none;
}
/*************/

/* ============================================================
   THANK YOU PAGE – FINAL CTA
   ============================================================ */

.woocommerce-order-received .spretni-thankyou-final {
	margin: 32px 0 0;
	padding: 34px;
	background: #fffaf5;
	border: 1px solid #eadfd4;
	border-radius: 10px;
}

.woocommerce-order-received .spretni-thankyou-final-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 35px;
}

.woocommerce-order-received .spretni-thankyou-final-content {
	max-width: 650px;
}

.woocommerce-order-received .spretni-thankyou-final h2 {
	margin: 0 0 10px;
	font-size: 25px;
	line-height: 1.3;
	color: #333333;
}

.woocommerce-order-received .spretni-thankyou-final p {
	margin: 0;
	font-size: 15px;
	line-height: 1.7;
	color: #555555;
}

.woocommerce-order-received .spretni-thankyou-final-actions {
	display: flex;
	flex-direction: column;
	flex: 0 0 auto;
	gap: 10px;
	min-width: 220px;
}


/* ------------------------------------------------------------
   BUTTONS
   ------------------------------------------------------------ */

.woocommerce-order-received .spretni-thankyou-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 12px 22px;
	border-radius: 5px;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.3;
	text-align: center;
	text-decoration: none !important;
	transition:
		background-color 0.2s ease,
		border-color 0.2s ease,
		color 0.2s ease;
}


/* Primary */

.woocommerce-order-received
.spretni-thankyou-button-primary {
	background: #ae7c50;
	border: 1px solid #ae7c50;
	color: #ffffff;
}

.woocommerce-order-received
.spretni-thankyou-button-primary:hover {
	background: #936144;
	border-color: #936144;
	color: #ffffff;
}


/* Secondary */

.woocommerce-order-received
.spretni-thankyou-button-secondary {
	background: transparent;
	border: 1px solid #d9c7b7;
	color: #555555;
}

.woocommerce-order-received
.spretni-thankyou-button-secondary:hover {
	background: #ffffff;
	border-color: #ae7c50;
	color: #936144;
}


/* ============================================================
   TABLET / MOBILE
   ============================================================ */

@media (max-width: 767px) {

	.woocommerce-order-received .spretni-thankyou-final {
		padding: 24px 20px;
	}

	.woocommerce-order-received .spretni-thankyou-final-inner {
		display: block;
	}

	.woocommerce-order-received .spretni-thankyou-final h2 {
		font-size: 22px;
	}

	.woocommerce-order-received .spretni-thankyou-final-actions {
		margin-top: 22px;
		min-width: 0;
	}

	.woocommerce-order-received .spretni-thankyou-button {
		width: 100%;
	}
}

/*************************************/
/* ============================================================
   CART – SHIPPING INFO
   ============================================================ */

.woocommerce-cart .spretni-shipping-info th {
	font-weight: 700;
	text-transform: uppercase;
	padding-top: 22px;
	padding-bottom: 22px;
	vertical-align: top;
}

.woocommerce-cart .spretni-shipping-info td {
	padding-top: 22px;
	padding-bottom: 22px;
	text-align: right;
	vertical-align: top;
}

.woocommerce-cart .spretni-shipping-price {
	display: block;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.3;
}

.woocommerce-cart .spretni-free-shipping-message {
	margin-top: 8px;
	font-size: 14px;
	line-height: 1.5;
	font-weight: 400;
	opacity: 0.72;
}

.woocommerce-cart .spretni-free-shipping-message strong {
	font-weight: 600;
}

.woocommerce-cart .spretni-free-shipping-message.achieved {
	font-weight: 600;
	opacity: 1;
}
/*************************************/
/*************************************/
/*************************************/
/*************************************/



/* ============================================================
   CART & CHECKOUT UX V1.1 – RESPONSIVE EDUCATION/SHOPPING FLOW
   ============================================================ */

/* Participant controls: more breathing room on all screen sizes. */
.woocommerce-checkout .spretni-payer-participant-option {
	margin-bottom: 20px;
}

.woocommerce-checkout .spretni-add-participant {
	margin-top: 4px;
}

.woocommerce-checkout .spretni-participant-status {
	margin-top: 22px;
	margin-bottom: 0;
	line-height: 1.65;
}

/* The dynamic participant list should create space only when cards exist. */
.woocommerce-checkout .spretni-participant-list:not(:empty) {
	margin-bottom: 18px;
}

/* Custom mobile coupon is not rendered visually on desktop. */
.spretni-mobile-coupon {
	display: none;
}

@media (max-width: 767px) {
	/* Reduce the large empty first screen on the mobile cart. */
	.woocommerce-cart #page-content {
		padding-top: 20px;
		padding-bottom: 40px;
	}

	/* Keep the product area and totals visually connected. */
	.woocommerce-cart form.woocommerce-cart-form {
		margin-bottom: 22px;
	}

	.woocommerce-cart .cart-collaterals {
		margin-top: 0;
	}

	.woocommerce-cart .cart-collaterals .cart_totals {
		padding: 22px 18px;
	}

	/* The original coupon remains functional but is hidden only after the
	   JavaScript-enhanced mobile replacement has been created. */
	body.spretni-mobile-cart-enhanced.woocommerce-cart
	form.woocommerce-cart-form .coupon {
		display: none !important;
	}

	.spretni-mobile-coupon {
		display: block;
		margin: 22px 0 0;
		border-top: 1px solid #e6e8ec;
	}

	.spretni-mobile-coupon-toggle {
		display: grid;
		grid-template-columns: 1fr auto auto;
		align-items: center;
		gap: 10px;
		width: 100%;
		padding: 18px 2px;
		border: 0;
		background: transparent;
		color: #333;
		text-align: left;
		cursor: pointer;
	}

	.spretni-mobile-coupon-question {
		font-size: 16px;
		font-weight: 600;
	}

	.spretni-mobile-coupon-action {
		font-size: 14px;
		font-weight: 500;
		color: #936144;
	}

	.spretni-mobile-coupon-chevron {
		font-size: 22px;
		line-height: 1;
		transition: transform 0.2s ease;
	}

	.spretni-mobile-coupon.is-open .spretni-mobile-coupon-chevron {
		transform: rotate(180deg);
	}

	.spretni-mobile-coupon-panel {
		padding: 2px 0 8px;
	}

	.spretni-mobile-coupon-panel[hidden] {
		display: none !important;
	}

	.spretni-mobile-coupon-panel label {
		display: block;
		margin: 0 0 7px;
		font-size: 14px;
		font-weight: 600;
	}

	.spretni-mobile-coupon-panel input.input-text {
		display: block;
		width: 100%;
		min-height: 50px;
		margin: 0 0 10px;
		padding: 12px 14px;
		border: 1px solid #ae7c50;
		border-radius: 8px;
		box-sizing: border-box;
	}

	.woocommerce-cart .spretni-mobile-coupon-apply.button {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		min-height: 50px;
		padding: 13px 16px;
		border-radius: 8px;
		font-size: 15px;
		font-weight: 700;
		text-align: center;
	}

	/* Participant section spacing requested from the mobile screenshot. */
	.woocommerce-checkout .spretni-payer-participant-option {
		margin-top: 8px;
		margin-bottom: 22px;
	}

	.woocommerce-checkout .spretni-add-participant {
		width: 100%;
		margin-top: 0;
	}

	.woocommerce-checkout .spretni-participant-status {
		margin-top: 24px;
		line-height: 1.7;
	}
}

/* ============================================================
   CART & CHECKOUT UX V2 – COMPACT MOBILE CART
   ============================================================ */

/* SKU remains stored for admin email, orders and integrations, but is not
   useful in the customer-facing cart or checkout. */
.woocommerce-cart .sku,
.woocommerce-cart .sku_wrapper,
.woocommerce-cart .product-sku,
.woocommerce-cart [class*="product-sku"],
.woocommerce-cart [class*="item-sku"],
.woocommerce-checkout .woocommerce-checkout-review-order-table .sku,
.woocommerce-checkout .woocommerce-checkout-review-order-table .sku_wrapper,
.woocommerce-checkout .woocommerce-checkout-review-order-table [class*="product-sku"],
.woocommerce-checkout .spretni-participant-product-sku {
	display: none !important;
}

@media (max-width: 767px) {
	/* Remove accumulated theme spacing above and around the first cart item. */
	.woocommerce-cart #page-content,
	.woocommerce-cart #page-content > .container {
		padding-top: 12px;
	}

	.woocommerce-cart form.woocommerce-cart-form,
	.woocommerce-cart table.shop_table,
	.woocommerce-cart table.shop_table tbody,
	.woocommerce-cart table.shop_table tr.cart_item {
		margin-top: 0;
	}

	/* MaxCoach mobile cart rows reserve a large vertical area. Rebuild the row
	   as a compact two-column card without altering the product title itself. */
	.woocommerce-cart table.shop_table tr.cart_item {
		position: relative;
		display: grid;
		grid-template-columns: 82px minmax(0, 1fr);
		column-gap: 16px;
		row-gap: 8px;
		padding: 14px 0 18px;
		border-bottom: 1px solid #e6e8ec;
	}

	.woocommerce-cart table.shop_table tr.cart_item > td {
		display: block;
		width: auto;
		min-height: 0;
		margin: 0;
		padding: 0 !important;
		border: 0;
		text-align: left;
	}

	.woocommerce-cart table.shop_table tr.cart_item > td.product-thumbnail {
		grid-column: 1;
		grid-row: 1 / span 6;
		position: static;
	}

	.woocommerce-cart table.shop_table tr.cart_item > td.product-thumbnail img {
		display: block;
		width: 82px;
		height: 82px;
		margin: 0;
		object-fit: cover;
		border-radius: 6px;
	}

	.woocommerce-cart table.shop_table tr.cart_item > td.product-name,
	.woocommerce-cart table.shop_table tr.cart_item > td.product-price,
	.woocommerce-cart table.shop_table tr.cart_item > td.product-quantity,
	.woocommerce-cart table.shop_table tr.cart_item > td.product-subtotal,
	.woocommerce-cart table.shop_table tr.cart_item > td.product-remove {
		grid-column: 2;
	}

	/* No programmatic splitting of titles: the original product title remains
	   intact and wraps naturally only when the available width requires it. */
	.woocommerce-cart table.shop_table td.product-name,
	.woocommerce-cart table.shop_table td.product-name a {
		font-size: 17px;
		font-weight: 700;
		line-height: 1.24;
		word-break: normal;
		overflow-wrap: break-word;
	}

	.woocommerce-cart table.shop_table td.product-price,
	.woocommerce-cart table.shop_table td.product-quantity,
	.woocommerce-cart table.shop_table td.product-subtotal,
	.woocommerce-cart table.shop_table td.product-remove {
		padding-top: 2px !important;
	}

	.woocommerce-cart table.shop_table td.product-quantity .quantity {
		margin: 0;
	}

	.woocommerce-cart table.shop_table td.product-remove a {
		display: inline-block;
		margin-top: 2px;
	}

	/* Keep responsive labels and values close together. */
	.woocommerce-cart table.shop_table tr.cart_item td::before {
		margin-right: 8px;
		font-size: 12px;
		line-height: 1.3;
	}

	/* Reduce the gap between item table, totals and the main action. */
	.woocommerce-cart form.woocommerce-cart-form {
		margin-bottom: 14px;
	}

	.woocommerce-cart .cart-collaterals .cart_totals {
		padding: 18px 16px;
	}

	.woocommerce-cart .cart-collaterals .cart_totals h2 {
		margin-bottom: 14px;
	}

	.woocommerce-cart .cart-collaterals table.shop_table th,
	.woocommerce-cart .cart-collaterals table.shop_table td {
		padding-top: 14px;
		padding-bottom: 14px;
	}

	.woocommerce-cart .wc-proceed-to-checkout {
		padding-bottom: 0;
	}

	.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
		margin-bottom: 0;
	}
}

/* ============================================================
   CART & CHECKOUT UX V3 – DENSITY, LABELS AND BUTTON HIERARCHY
   ============================================================ */

/* Customer-facing SKU is never shown. Admin/order/email data remains intact. */
body.woocommerce-cart .cart_item .sku,
body.woocommerce-cart .cart_item .sku_wrapper,
body.woocommerce-cart .cart_item [class*="sku" i],
body.woocommerce-checkout .woocommerce-checkout-review-order-table .sku,
body.woocommerce-checkout .woocommerce-checkout-review-order-table .sku_wrapper,
body.woocommerce-checkout .woocommerce-checkout-review-order-table [class*="sku" i] {
	display: none !important;
}

/* Desktop cart: give the product description more room and de-emphasise
   secondary actions. */
@media (min-width: 992px) {
	body.woocommerce-cart form.woocommerce-cart-form {
		flex-basis: 62% !important;
	}

	body.woocommerce-cart .cart-collaterals {
		flex-basis: 34% !important;
	}

	body.woocommerce-cart table.shop_table td.product-name {
		min-width: 250px;
	}

	body.woocommerce-cart table.shop_table td.product-remove a,
	body.woocommerce-cart table.shop_table td.product-remove .remove {
		font-size: 12px !important;
		font-weight: 600 !important;
		line-height: 1.2 !important;
		padding: 5px 0 !important;
	}

	body.woocommerce-cart form.woocommerce-cart-form .coupon {
		display: flex;
		align-items: center;
		gap: 10px;
	}

	body.woocommerce-cart form.woocommerce-cart-form .coupon input.input-text {
		min-height: 44px;
	}

	body.woocommerce-cart form.woocommerce-cart-form .coupon button.button,
	body.woocommerce-cart form.woocommerce-cart-form .coupon input.button {
		width: auto !important;
		min-width: 170px;
		min-height: 44px !important;
		padding: 10px 18px !important;
		font-size: 13px !important;
		white-space: nowrap;
	}
}

/* Mobile: aggressively neutralise MaxCoach's reserved table spacing and rebuild
   each item as a compact two-column block. */
@media (max-width: 767px) {
	body.woocommerce-cart #page-content,
	body.woocommerce-cart .page-content,
	body.woocommerce-cart #page-content > .container,
	body.woocommerce-cart #page-content .container {
		padding-top: 0 !important;
		margin-top: 0 !important;
	}

	body.woocommerce-cart #page-content > .container > .row,
	body.woocommerce-cart #page-content .row,
	body.woocommerce-cart .woocommerce,
	body.woocommerce-cart form.woocommerce-cart-form,
	body.woocommerce-cart table.shop_table,
	body.woocommerce-cart table.shop_table tbody {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}

	body.woocommerce-cart table.shop_table thead {
		display: none !important;
	}

	body.woocommerce-cart table.shop_table,
	body.woocommerce-cart table.shop_table tbody {
		display: block !important;
		width: 100% !important;
	}

	body.woocommerce-cart table.shop_table tr.cart_item {
		display: grid !important;
		grid-template-columns: 92px minmax(0, 1fr) !important;
		grid-auto-rows: auto !important;
		column-gap: 14px !important;
		row-gap: 7px !important;
		min-height: 0 !important;
		height: auto !important;
		margin: 0 !important;
		padding: 12px 0 16px !important;
	}

	body.woocommerce-cart table.shop_table tr.cart_item > td {
		position: static !important;
		display: block !important;
		float: none !important;
		width: auto !important;
		min-width: 0 !important;
		min-height: 0 !important;
		height: auto !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		transform: none !important;
	}

	body.woocommerce-cart table.shop_table tr.cart_item > td.product-thumbnail {
		grid-column: 1 !important;
		grid-row: 1 / span 5 !important;
	}

	body.woocommerce-cart table.shop_table tr.cart_item > td.product-thumbnail img {
		position: static !important;
		display: block !important;
		width: 92px !important;
		height: 92px !important;
		margin: 0 !important;
		object-fit: cover;
	}

	body.woocommerce-cart table.shop_table tr.cart_item > td.product-name,
	body.woocommerce-cart table.shop_table tr.cart_item > td.product-price,
	body.woocommerce-cart table.shop_table tr.cart_item > td.product-quantity,
	body.woocommerce-cart table.shop_table tr.cart_item > td.product-subtotal,
	body.woocommerce-cart table.shop_table tr.cart_item > td.product-remove {
		grid-column: 2 !important;
	}

	body.woocommerce-cart table.shop_table td.product-name,
	body.woocommerce-cart table.shop_table td.product-name a {
		font-size: 16px !important;
		line-height: 1.24 !important;
	}

	body.woocommerce-cart table.shop_table td.product-price,
	body.woocommerce-cart table.shop_table td.product-subtotal {
		font-size: 15px !important;
		line-height: 1.35 !important;
	}

	body.woocommerce-cart table.shop_table td.product-quantity .quantity {
		width: 108px !important;
		min-height: 48px !important;
	}

	body.woocommerce-cart table.shop_table td.product-remove a,
	body.woocommerce-cart table.shop_table td.product-remove .remove {
		display: inline-block !important;
		width: auto !important;
		height: auto !important;
		margin: 2px 0 0 !important;
		padding: 3px 0 !important;
		font-size: 12px !important;
		font-weight: 600 !important;
		line-height: 1.2 !important;
	}

	body.woocommerce-cart table.shop_table tr.cart_item td::before {
		margin-right: 5px !important;
		font-size: 11px !important;
	}

	body.woocommerce-cart form.woocommerce-cart-form {
		margin-bottom: 8px !important;
	}

	body.woocommerce-cart .cart-collaterals {
		margin: 0 !important;
		padding: 0 !important;
	}

	body.woocommerce-cart .cart-collaterals .cart_totals {
		margin: 0 !important;
		padding: 16px !important;
	}

	body.woocommerce-cart .cart-collaterals .cart_totals h2 {
		margin: 0 0 10px !important;
	}

	body.woocommerce-cart .cart-collaterals table.shop_table th,
	body.woocommerce-cart .cart-collaterals table.shop_table td {
		padding-top: 10px !important;
		padding-bottom: 10px !important;
	}

	body.woocommerce-cart .wc-proceed-to-checkout {
		margin-top: 8px !important;
		padding: 0 !important;
	}

	body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
		min-height: 50px !important;
		margin: 0 !important;
	}

	body.woocommerce-cart .spretni-mobile-coupon {
		margin-top: 14px !important;
	}

	body.woocommerce-cart .spretni-mobile-coupon-toggle {
		grid-template-columns: minmax(0, 1fr) auto auto;
		padding: 14px 0 !important;
	}

	body.woocommerce-cart .spretni-mobile-coupon-question,
	body.woocommerce-cart .spretni-mobile-coupon-action {
		white-space: normal;
		line-height: 1.35;
	}
}

/* ============================================================
   CART UX V4 – COMPACT VERTICAL FLOW
   ============================================================
   Final density pass based on desktop and mobile screenshots.
   It removes theme-reserved vertical space without changing the
   product title or the business logic of the cart.
   ============================================================ */

/* The MaxCoach content wrapper still reserves a large top area after the
   title bar is disabled. Pull the cart/checkout content close to the header. */
body.woocommerce-cart #page-content,
body.woocommerce-cart .page-content,
body.woocommerce-cart .page-main-content,
body.woocommerce-cart .site-content,
body.woocommerce-checkout #page-content,
body.woocommerce-checkout .page-content,
body.woocommerce-checkout .page-main-content,
body.woocommerce-checkout .site-content {
	padding-top: 24px !important;
	margin-top: 0 !important;
}

body.woocommerce-cart #page-content > .container,
body.woocommerce-checkout #page-content > .container {
	padding-top: 0 !important;
	margin-top: 0 !important;
}

/* The hidden cart-actions row can retain the theme's large cell height. */
body.woocommerce-cart table.shop_table tr:has(> td.actions),
body.woocommerce-cart table.shop_table td.actions {
	display: none !important;
	min-height: 0 !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
}

/* Compact the space immediately below the cart line items. */
body.woocommerce-cart form.woocommerce-cart-form,
body.woocommerce-cart form.woocommerce-cart-form table.shop_table {
	margin-bottom: 12px !important;
}

/* Desktop: keep the cart in the first viewport and reduce secondary controls. */
@media (min-width: 992px) {
	body.woocommerce-cart #page-content,
	body.woocommerce-checkout #page-content {
		padding-top: 28px !important;
		padding-bottom: 42px !important;
	}

	body.woocommerce-cart .woocommerce {
		gap: 32px !important;
	}

	body.woocommerce-cart table.shop_table th,
	body.woocommerce-cart table.shop_table td {
		padding-top: 16px !important;
		padding-bottom: 16px !important;
	}

	body.woocommerce-cart table.shop_table td.product-thumbnail img {
		width: 82px !important;
		height: 82px !important;
		object-fit: cover;
	}

	body.woocommerce-cart table.shop_table td.product-remove {
		width: 74px !important;
		white-space: nowrap;
	}

	body.woocommerce-cart table.shop_table td.product-remove a,
	body.woocommerce-cart table.shop_table td.product-remove .remove {
		font-size: 11px !important;
		letter-spacing: .04em !important;
	}

	body.woocommerce-cart form.woocommerce-cart-form .coupon {
		max-width: 650px;
	}

	body.woocommerce-cart form.woocommerce-cart-form .coupon input.input-text {
		flex: 1 1 auto;
		min-width: 0;
	}

	body.woocommerce-cart form.woocommerce-cart-form .coupon button.button,
	body.woocommerce-cart form.woocommerce-cart-form .coupon input.button {
		min-width: 150px !important;
		min-height: 42px !important;
		padding: 9px 15px !important;
		font-size: 12px !important;
	}
}

/* Mobile: compact product card, remove the hidden actions-row gap and rebuild
   the totals table as short two-column rows. */
@media (max-width: 767px) {
	body.woocommerce-cart #page-content,
	body.woocommerce-cart .page-content,
	body.woocommerce-cart .page-main-content,
	body.woocommerce-cart .site-content {
		padding-top: 10px !important;
		padding-bottom: 28px !important;
	}

	body.woocommerce-cart #page-content > .container,
	body.woocommerce-cart #page-content .container {
		padding-top: 0 !important;
	}

	body.woocommerce-cart form.woocommerce-cart-form,
	body.woocommerce-cart form.woocommerce-cart-form table.shop_table {
		margin: 0 0 8px !important;
		padding: 0 !important;
	}

	body.woocommerce-cart table.shop_table tr.cart_item {
		grid-template-columns: 86px minmax(0, 1fr) !important;
		column-gap: 12px !important;
		row-gap: 5px !important;
		padding: 8px 0 12px !important;
		border-bottom: 1px solid #e6e8ec !important;
	}

	body.woocommerce-cart table.shop_table tr.cart_item > td.product-thumbnail img {
		width: 86px !important;
		height: 86px !important;
		border-radius: 7px;
	}

	body.woocommerce-cart table.shop_table td.product-name,
	body.woocommerce-cart table.shop_table td.product-name a {
		font-size: 15px !important;
		line-height: 1.2 !important;
		margin-bottom: 1px !important;
	}

	body.woocommerce-cart table.shop_table td.product-price,
	body.woocommerce-cart table.shop_table td.product-subtotal {
		font-size: 14px !important;
		line-height: 1.25 !important;
	}

	body.woocommerce-cart table.shop_table td.product-quantity .quantity {
		width: 94px !important;
		min-height: 42px !important;
		height: 42px !important;
	}

	body.woocommerce-cart table.shop_table td.product-remove a,
	body.woocommerce-cart table.shop_table td.product-remove .remove {
		margin-top: 0 !important;
		padding: 2px 0 !important;
		font-size: 10px !important;
		line-height: 1.1 !important;
		letter-spacing: .04em !important;
	}

	/* No blank row between the item table and totals. */
	body.woocommerce-cart table.shop_table tr:has(> td.actions),
	body.woocommerce-cart table.shop_table td.actions,
	body.woocommerce-cart .actions,
	body.woocommerce-cart .actions-buttons {
		display: none !important;
		height: 0 !important;
		min-height: 0 !important;
		padding: 0 !important;
		margin: 0 !important;
		border: 0 !important;
	}

	body.woocommerce-cart .cart-collaterals {
		margin-top: 8px !important;
	}

	body.woocommerce-cart .cart-collaterals .cart_totals {
		padding: 14px 16px !important;
		border-radius: 10px !important;
	}

	body.woocommerce-cart .cart-collaterals .cart_totals h2 {
		margin: 0 0 8px !important;
		font-size: 25px !important;
		line-height: 1.15 !important;
	}

	/* Theme mobile table rules stack each th and td and add large vertical
	   paddings. Turn summary rows into a compact label/value grid. */
	body.woocommerce-cart .cart-collaterals table.shop_table,
	body.woocommerce-cart .cart-collaterals table.shop_table tbody {
		display: block !important;
		margin: 0 !important;
	}

	body.woocommerce-cart .cart-collaterals table.shop_table tr {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) auto !important;
		align-items: start !important;
		column-gap: 14px !important;
		margin: 0 !important;
		padding: 12px 0 !important;
		border-bottom: 1px solid #e6e8ec !important;
	}

	body.woocommerce-cart .cart-collaterals table.shop_table tr:last-child {
		border-bottom: 0 !important;
	}

	body.woocommerce-cart .cart-collaterals table.shop_table th,
	body.woocommerce-cart .cart-collaterals table.shop_table td {
		display: block !important;
		width: auto !important;
		min-height: 0 !important;
		height: auto !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		line-height: 1.3 !important;
	}

	body.woocommerce-cart .cart-collaterals table.shop_table th {
		font-size: 13px !important;
	}

	body.woocommerce-cart .cart-collaterals table.shop_table td {
		text-align: right !important;
	}

	body.woocommerce-cart .cart-collaterals .order-total td .amount {
		font-size: 21px !important;
		line-height: 1.15 !important;
	}

	body.woocommerce-cart .cart-collaterals .order-total .includes_tax {
		margin-top: 4px !important;
		font-size: 12px !important;
		line-height: 1.35 !important;
	}

	body.woocommerce-cart .wc-proceed-to-checkout {
		margin: 12px 0 0 !important;
		padding: 0 !important;
	}

	body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
		min-height: 48px !important;
		padding: 12px 15px !important;
		font-size: 15px !important;
	}

	body.woocommerce-cart .spretni-mobile-coupon {
		margin-top: 10px !important;
		padding-top: 0 !important;
	}

	body.woocommerce-cart .spretni-mobile-coupon-toggle {
		padding: 11px 0 !important;
	}

	body.woocommerce-cart .spretni-mobile-coupon-question,
	body.woocommerce-cart .spretni-mobile-coupon-action {
		font-size: 12px !important;
		line-height: 1.25 !important;
	}
}


/* ============================================================
   CART UX V5 – FINAL POLISH
   ============================================================ */

/* The native coupon lives inside WooCommerce's hidden actions row. The desktop
   replacement is intentionally secondary to the main checkout CTA. */
.spretni-desktop-coupon {
	display: none;
}

@media (min-width: 768px) {
	body.woocommerce-cart .spretni-desktop-coupon {
		display: flex;
		align-items: stretch;
		gap: 10px;
		max-width: 520px;
		margin: 14px 0 0;
		padding: 0;
	}

	body.woocommerce-cart .spretni-desktop-coupon input.input-text {
		flex: 1 1 auto;
		min-width: 0;
		height: 40px;
		padding: 8px 13px;
		border: 1px solid #cda77f;
		border-radius: 4px;
		font-size: 13px;
		background: #fff;
	}

	body.woocommerce-cart .spretni-desktop-coupon .button {
		flex: 0 0 auto;
		min-width: 0 !important;
		min-height: 40px !important;
		height: 40px !important;
		padding: 8px 14px !important;
		border: 1px solid #ae7c50 !important;
		border-radius: 4px !important;
		background: transparent !important;
		color: #936144 !important;
		font-size: 11px !important;
		font-weight: 700 !important;
		line-height: 1.15 !important;
		white-space: nowrap;
		box-shadow: none !important;
	}

	body.woocommerce-cart .spretni-desktop-coupon .button:hover,
	body.woocommerce-cart .spretni-desktop-coupon .button:focus {
		background: #fffaf5 !important;
		color: #7f5138 !important;
	}
}

@media (max-width: 767px) {
	/* Slightly stronger final-total label, without competing with the amount. */
	body.woocommerce-cart .cart-collaterals .order-total th {
		font-size: 14px !important;
		font-weight: 800 !important;
		line-height: 1.2 !important;
		letter-spacing: .035em !important;
	}

	/* Keep the VAT note clearly subordinate. The theme applies a large .amount
	   size, therefore target both the wrapper and its nested amount explicitly. */
	body.woocommerce-cart .cart-collaterals .order-total .includes_tax,
	body.woocommerce-cart .cart-collaterals .order-total .includes_tax .amount,
	body.woocommerce-cart .cart-collaterals .order-total small.includes_tax,
	body.woocommerce-cart .cart-collaterals .order-total small.includes_tax .amount {
		font-size: 11px !important;
		font-weight: 400 !important;
		line-height: 1.3 !important;
		letter-spacing: 0 !important;
		color: #6b7280 !important;
	}
}

/* ============================================================
   CART & CHECKOUT UX V6 – DESKTOP COUPON + COMPACT MOBILE CHECKOUT
   ============================================================ */

/* Desktop coupon: input and button have exactly the same compact height.
   The coupon remains a secondary action, but is visible enough to be found. */
@media (min-width: 768px) {
	body.woocommerce-cart .spretni-desktop-coupon {
		align-items: center !important;
		gap: 10px !important;
	}

	body.woocommerce-cart .spretni-desktop-coupon input.input-text,
	body.woocommerce-cart .spretni-desktop-coupon .button {
		box-sizing: border-box !important;
		height: 40px !important;
		min-height: 40px !important;
		max-height: 40px !important;
		margin: 0 !important;
		line-height: 1.2 !important;
	}

	body.woocommerce-cart .spretni-desktop-coupon input.input-text {
		padding: 8px 13px !important;
	}

	body.woocommerce-cart .spretni-desktop-coupon .button {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		padding: 8px 15px !important;
		background: #f5eee8 !important;
		border-color: #ae7c50 !important;
		color: #7f5138 !important;
		font-size: 11px !important;
		font-weight: 700 !important;
		box-shadow: none !important;
	}

	body.woocommerce-cart .spretni-desktop-coupon .button:hover,
	body.woocommerce-cart .spretni-desktop-coupon .button:focus {
		background: #eadfd4 !important;
		border-color: #936144 !important;
		color: #633d2a !important;
	}
}

/* Mobile checkout: match the compact rhythm of the finished mobile cart.
   The structure and data remain unchanged; only accumulated theme spacing is
   neutralised and the order review is rebuilt as a dense card. */
@media (max-width: 767px) {
	body.woocommerce-checkout #page-content,
	body.woocommerce-checkout .page-content,
	body.woocommerce-checkout #page-content > .container,
	body.woocommerce-checkout #page-content .container {
		padding-top: 8px !important;
		margin-top: 0 !important;
	}

	body.woocommerce-checkout #page-content > .container > .row,
	body.woocommerce-checkout #page-content .row,
	body.woocommerce-checkout form.checkout.woocommerce-checkout {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}

	body.woocommerce-checkout #order_review_heading {
		margin: 0 0 10px !important;
		font-size: 27px !important;
		line-height: 1.15 !important;
	}

	body.woocommerce-checkout #order_review {
		margin: 0 0 18px !important;
		padding: 14px 16px !important;
		border-radius: 10px !important;
	}

	body.woocommerce-checkout table.woocommerce-checkout-review-order-table {
		display: block !important;
		width: 100% !important;
		margin: 0 !important;
		border: 0 !important;
	}

	body.woocommerce-checkout table.woocommerce-checkout-review-order-table tbody,
	body.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot {
		display: block !important;
		width: 100% !important;
	}

	/* Product line: thumbnail + title on top, quantity/line value directly below. */
	body.woocommerce-checkout table.woocommerce-checkout-review-order-table tr.cart_item {
		display: grid !important;
		grid-template-columns: 52px minmax(0, 1fr) !important;
		column-gap: 12px !important;
		row-gap: 3px !important;
		min-height: 0 !important;
		margin: 0 !important;
		padding: 0 0 13px !important;
		border-bottom: 1px solid #e6e8ec !important;
	}

	body.woocommerce-checkout table.woocommerce-checkout-review-order-table tr.cart_item > td {
		display: block !important;
		width: auto !important;
		min-height: 0 !important;
		height: auto !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		text-align: left !important;
	}

	body.woocommerce-checkout table.woocommerce-checkout-review-order-table td.product-name {
		grid-column: 1 / -1 !important;
		font-size: 16px !important;
		line-height: 1.3 !important;
		font-weight: 500 !important;
		overflow: visible !important;
	}

	body.woocommerce-checkout .co-review-thumb img {
		width: 52px !important;
		height: 52px !important;
		margin: 0 12px 4px 0 !important;
		border-radius: 6px !important;
	}

	body.woocommerce-checkout table.woocommerce-checkout-review-order-table td.product-total {
		grid-column: 2 !important;
		margin-top: 2px !important;
		font-size: 15px !important;
		font-weight: 700 !important;
		line-height: 1.25 !important;
		text-align: left !important;
	}

	/* Compact totals: label left, value right, like the mobile cart. */
	body.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot tr {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) auto !important;
		align-items: start !important;
		column-gap: 14px !important;
		margin: 0 !important;
		padding: 12px 0 !important;
		border-bottom: 1px solid #e6e8ec !important;
	}

	body.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot tr:last-child {
		border-bottom: 0 !important;
	}

	body.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot th,
	body.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot td {
		display: block !important;
		width: auto !important;
		min-height: 0 !important;
		height: auto !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		line-height: 1.3 !important;
	}

	body.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot th {
		font-size: 13px !important;
		font-weight: 800 !important;
		letter-spacing: .04em !important;
	}

	body.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot td {
		font-size: 15px !important;
		font-weight: 700 !important;
		text-align: right !important;
	}

	body.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot .order-total th {
		font-size: 14px !important;
	}

	body.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot .order-total td > strong .amount,
	body.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot .order-total td .amount {
		font-size: 21px !important;
		line-height: 1.15 !important;
	}

	body.woocommerce-checkout table.woocommerce-checkout-review-order-table .includes_tax,
	body.woocommerce-checkout table.woocommerce-checkout-review-order-table .includes_tax .amount {
		font-size: 11px !important;
		font-weight: 400 !important;
		line-height: 1.3 !important;
		color: #6b7280 !important;
	}

	/* Pull all following checkout sections upward. */
	body.woocommerce-checkout #customer_details,
	body.woocommerce-checkout .woocommerce-billing-fields,
	body.woocommerce-checkout .woocommerce-shipping-fields,
	body.woocommerce-checkout .woocommerce-additional-fields,
	body.woocommerce-checkout #spretni-participants-section {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}

	body.woocommerce-checkout #customer_details h3,
	body.woocommerce-checkout .woocommerce-billing-fields > h3,
	body.woocommerce-checkout .woocommerce-shipping-fields > h3,
	body.woocommerce-checkout .woocommerce-additional-fields > h3,
	body.woocommerce-checkout #spretni-participants-section > h3 {
		margin-top: 0 !important;
		margin-bottom: 12px !important;
		font-size: 25px !important;
		line-height: 1.2 !important;
	}

	body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
	body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper,
	body.woocommerce-checkout .woocommerce-additional-fields__field-wrapper {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}

	body.woocommerce-checkout .form-row,
	body.woocommerce-checkout .woocommerce-billing-fields .form-row {
		margin-bottom: 12px !important;
	}

	body.woocommerce-checkout #payment {
		margin-top: 12px !important;
		padding-top: 14px !important;
	}
}

/* ============================================================
   CART & CHECKOUT UX V7 – VAT SCALE + DELIVERY WORDING
   ============================================================ */

/* WooCommerce/MaxCoach can assign the large total font directly to nested
   .amount elements. Keep the VAT note clearly subordinate on every checkout
   mode, including education-only and mixed mobile orders. */
@media (max-width: 767px) {
	body.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot tr.order-total td small.includes_tax,
	body.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot tr.order-total td small.includes_tax .amount,
	body.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot tr.order-total td .includes_tax,
	body.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot tr.order-total td .includes_tax .amount,
	body.woocommerce-checkout #order_review .order-total small.includes_tax,
	body.woocommerce-checkout #order_review .order-total small.includes_tax .amount,
	body.woocommerce-checkout #order_review .order-total .includes_tax,
	body.woocommerce-checkout #order_review .order-total .includes_tax .amount {
		display: block !important;
		margin-top: 3px !important;
		font-size: 11px !important;
		font-weight: 400 !important;
		line-height: 1.3 !important;
		letter-spacing: 0 !important;
		color: #6b7280 !important;
		white-space: normal !important;
	}
}

/* ============================================================
   CHECKOUT – SEPARATE SHIPPING AMOUNT ROW (V8.2)
   ============================================================ */
body.woocommerce-checkout table.woocommerce-checkout-review-order-table
	tfoot tr.spretni-checkout-shipping-amount th {
	font-weight: 700;
	text-transform: uppercase;
}

/* On desktop, use the same value-column alignment as WooCommerce subtotal
   and order-total rows. The theme aligns that column from its left edge. */
@media (min-width: 768px) {
	body.woocommerce-checkout table.woocommerce-checkout-review-order-table
		tfoot tr.spretni-checkout-shipping-amount td {
		text-align: left;
	}
}

body.woocommerce-checkout .spretni-checkout-shipping-price {
	font-weight: 700;
}

@media (max-width: 767px) {
	body.woocommerce-checkout table.woocommerce-checkout-review-order-table
		tfoot tr.spretni-checkout-shipping-amount {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) auto !important;
		align-items: start !important;
	}

	body.woocommerce-checkout table.woocommerce-checkout-review-order-table
		tfoot tr.spretni-checkout-shipping-amount th,
	body.woocommerce-checkout table.woocommerce-checkout-review-order-table
		tfoot tr.spretni-checkout-shipping-amount td {
		display: block !important;
		width: auto !important;
		margin: 0 !important;
		padding: 0 !important;
	}
}

/* ============================================================
   CHECKOUT UX V8.3 – COMPACT PLACEHOLDER FIELDS + TRUST CUE
   ============================================================ */

/* Text-like fields keep their real labels in the markup for accessibility,
   while the visible field name is shown inside the input as a placeholder. */
body.woocommerce-checkout .form-row.spretni-placeholder-field > label {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	clip-path: inset(50%) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

/* With the visible labels removed, reduce vertical space without making the
   form feel cramped. Account-type radios and selectors keep their labels. */
body.woocommerce-checkout .form-row.spretni-placeholder-field {
	margin-bottom: 12px !important;
}

body.woocommerce-checkout .form-row.spretni-placeholder-field input.input-text,
body.woocommerce-checkout .form-row.spretni-placeholder-field input[type="email"],
body.woocommerce-checkout .form-row.spretni-placeholder-field input[type="tel"],
body.woocommerce-checkout .form-row.spretni-placeholder-field input[type="number"] {
	min-height: 50px;
}

body.woocommerce-checkout .form-row.spretni-placeholder-field input::placeholder,
body.woocommerce-checkout .form-row.spretni-placeholder-field textarea::placeholder {
	color: #6b7280;
	opacity: 1;
}

/* Trust message immediately above WooCommerce payment methods. */
body.woocommerce-checkout .spretni-secure-payment-heading {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 18px 0 0;
	padding-top: 18px;
	border-top: 1px solid #e6e8ec;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.25;
	color: #303030;
}

body.woocommerce-checkout .spretni-secure-payment-icon {
	font-size: 18px;
	line-height: 1;
}

/* The trust heading now owns the separator above payment. */
body.woocommerce-checkout #payment {
	margin-top: 8px !important;
	padding-top: 0 !important;
	border-top: 0 !important;
}

/* Keep the checkout VAT note and its amount on one line on desktop and mobile. */
body.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot tr.order-total td small.includes_tax,
body.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot tr.order-total td small.includes_tax .amount,
body.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot tr.order-total td .includes_tax,
body.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot tr.order-total td .includes_tax .amount,
body.woocommerce-checkout #order_review .order-total small.includes_tax,
body.woocommerce-checkout #order_review .order-total small.includes_tax .amount,
body.woocommerce-checkout #order_review .order-total .includes_tax,
body.woocommerce-checkout #order_review .order-total .includes_tax .amount {
	display: inline !important;
	white-space: nowrap !important;
}

@media (max-width: 767px) {
	body.woocommerce-checkout .spretni-secure-payment-heading {
		margin-top: 14px;
		padding-top: 14px;
		font-size: 20px;
	}

	body.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot tr.order-total td {
		min-width: 155px !important;
	}
}

/* ============================================================
   CHECKOUT UX V8.4 – COLLAPSIBLE SUMMARY + PAYMENT TRUST PLACEMENT
   ============================================================ */

/* The VAT note remains below the total amount, but is kept on one line. */
body.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot tr.order-total td small.includes_tax,
body.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot tr.order-total td .includes_tax,
body.woocommerce-checkout #order_review .order-total small.includes_tax,
body.woocommerce-checkout #order_review .order-total .includes_tax {
	display: block !important;
	margin-top: 4px !important;
	white-space: nowrap !important;
}

body.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot tr.order-total td small.includes_tax .amount,
body.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot tr.order-total td .includes_tax .amount,
body.woocommerce-checkout #order_review .order-total small.includes_tax .amount,
body.woocommerce-checkout #order_review .order-total .includes_tax .amount {
	display: inline !important;
	white-space: nowrap !important;
}

/* Turn the existing WooCommerce heading into an accessible summary toggle. */
body.woocommerce-checkout #order_review_heading.spretni-order-summary-toggle {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	cursor: pointer;
	user-select: none;
}

body.woocommerce-checkout #order_review_heading.spretni-order-summary-toggle:focus-visible {
	outline: 2px solid #ae7c50;
	outline-offset: 4px;
	border-radius: 4px;
}

body.woocommerce-checkout .spretni-order-summary-chevron {
	flex: 0 0 11px;
	width: 11px;
	height: 11px;
	margin-right: 3px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(45deg) translateY(-2px);
	transition: transform .2s ease;
}

body.woocommerce-checkout #order_review_heading.spretni-order-summary-toggle.is-collapsed
	.spretni-order-summary-chevron {
	transform: rotate(-45deg);
}

body.woocommerce-checkout #order_review.spretni-order-review-collapsed {
	display: none !important;
}

/* The trust cue now lives inside the Stripe payment box, immediately above
   the card-entry interface, rather than above the whole checkout. */
body.woocommerce-checkout #payment .payment_box .spretni-secure-payment-heading {
	margin: 0 0 14px !important;
	padding: 0 !important;
	border: 0 !important;
	font-size: 20px;
}

/* Hide only the visible order-notes label; the placeholder still explains the
   purpose and the semantic label remains in the DOM for assistive technology. */
body.woocommerce-checkout .form-row.spretni-order-comments-no-label > label {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	clip-path: inset(50%) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

@media (max-width: 767px) {
	body.woocommerce-checkout #order_review_heading.spretni-order-summary-toggle {
		margin-bottom: 10px !important;
	}

	body.woocommerce-checkout #order_review_heading.spretni-order-summary-toggle.is-collapsed {
		margin-bottom: 18px !important;
	}

	body.woocommerce-checkout #payment .payment_box .spretni-secure-payment-heading {
		font-size: 18px;
		margin-bottom: 12px !important;
	}
}


/* ============================================================
   CHECKOUT UX V8.5 – SHORTER FLOW, CLEARER PROGRESS, MORE TRUST
   ============================================================ */

/* Slightly smaller section headings reduce the feeling of a long form. */
body.woocommerce-checkout #order_review_heading,
body.woocommerce-checkout .woocommerce-billing-fields > h3,
body.woocommerce-checkout .woocommerce-shipping-fields > h3,
body.woocommerce-checkout .woocommerce-additional-fields > h3,
body.woocommerce-checkout #spretni-participants-section > h3,
body.woocommerce-checkout #payment > h3 {
	font-size: clamp(24px, 3vw, 32px) !important;
	line-height: 1.2 !important;
	margin-bottom: 18px !important;
}

/* The collapsed heading communicates both content and total at a glance. */
body.woocommerce-checkout #order_review_heading.spretni-order-summary-toggle {
	justify-content: flex-start;
	gap: 8px;
}
body.woocommerce-checkout .spretni-order-summary-amount {
	font-size: .72em;
	font-weight: 600;
	white-space: nowrap;
}
body.woocommerce-checkout .spretni-order-summary-chevron {
	margin-left: 2px;
	margin-right: 0;
}

/* Product names in the summary should be readable but not dominate the form. */
body.woocommerce-checkout table.woocommerce-checkout-review-order-table td.product-name {
	font-size: 17px !important;
	line-height: 1.32 !important;
}

/* Remove the large additional-information heading and the whitespace it leaves. */
body.woocommerce-checkout .woocommerce-additional-fields > h3 {
	display: none !important;
}
body.woocommerce-checkout .woocommerce-additional-fields,
body.woocommerce-checkout .woocommerce-additional-fields__field-wrapper {
	margin-top: 0 !important;
	padding-top: 0 !important;
}
body.woocommerce-checkout #order_comments_field {
	margin-top: 8px !important;
	margin-bottom: 14px !important;
}
body.woocommerce-checkout #order_comments {
	min-height: 92px !important;
	height: 92px !important;
	resize: vertical;
}

/* Participant fields use the same placeholder-as-label pattern as payer fields. */
body.woocommerce-checkout .spretni-participant-card .spretni-placeholder-field > label {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	clip-path: inset(50%) !important;
	white-space: nowrap !important;
	border: 0 !important;
}
body.woocommerce-checkout .spretni-participant-card .spretni-placeholder-field {
	margin-bottom: 12px !important;
}

/* Compact secondary action: visible, but clearly less prominent than payment. */
body.woocommerce-checkout .spretni-add-participant {
	min-height: 40px !important;
	padding: 8px 14px !important;
	font-size: 14px !important;
	line-height: 1.2 !important;
}

/* Supporting trust text stays close to the Stripe card form. */
body.woocommerce-checkout .spretni-secure-payment-wrap {
	margin-bottom: 14px;
}
body.woocommerce-checkout #payment .payment_box .spretni-secure-payment-wrap .spretni-secure-payment-heading {
	margin-bottom: 4px !important;
}
body.woocommerce-checkout .spretni-secure-payment-note {
	font-size: 13px;
	line-height: 1.4;
	color: #6b7280;
}

@media (max-width: 767px) {
	body.woocommerce-checkout #order_review_heading,
	body.woocommerce-checkout .woocommerce-billing-fields > h3,
	body.woocommerce-checkout .woocommerce-shipping-fields > h3,
	body.woocommerce-checkout #spretni-participants-section > h3,
	body.woocommerce-checkout #payment > h3 {
		font-size: 25px !important;
		margin-bottom: 14px !important;
	}
	body.woocommerce-checkout table.woocommerce-checkout-review-order-table td.product-name {
		font-size: 15px !important;
	}
	body.woocommerce-checkout #order_comments {
		min-height: 78px !important;
		height: 78px !important;
	}
	body.woocommerce-checkout .spretni-order-summary-amount {
		font-size: 16px;
	}
}

/* ============================================================
   CHECKOUT UX V8.6 – COMPACT SECTIONS, NOTES ORDER, PAYMENT SPACING
   ============================================================ */

/* Keep all important section headings clear, but prevent them from making the
   checkout feel longer than it is. */
body.woocommerce-checkout #order_review_heading,
body.woocommerce-checkout .woocommerce-billing-fields > h3,
body.woocommerce-checkout .woocommerce-shipping-fields > h3,
body.woocommerce-checkout .woocommerce-additional-fields > h3,
body.woocommerce-checkout #spretni-participants-section > h3,
body.woocommerce-checkout #payment > h3,
body.woocommerce-checkout #ship-to-different-address,
body.woocommerce-checkout .woocommerce-checkout h2,
body.woocommerce-checkout .woocommerce-checkout h3 {
	font-size: 24px !important;
	line-height: 1.2 !important;
	margin-top: 22px !important;
	margin-bottom: 14px !important;
}

/* The order heading is the first compact control and should not gain an extra
   top margin. */
body.woocommerce-checkout #order_review_heading {
	margin-top: 0 !important;
}

/* Product names should support scanning rather than dominate the summary. */
body.woocommerce-checkout table.woocommerce-checkout-review-order-table td.product-name,
body.woocommerce-checkout table.woocommerce-checkout-review-order-table td.product-name a {
	font-size: 15px !important;
	line-height: 1.3 !important;
}

body.woocommerce-cart table.shop_table td.product-name,
body.woocommerce-cart table.shop_table td.product-name a,
body.woocommerce-cart .woocommerce-cart-form .product-name,
body.woocommerce-cart .woocommerce-cart-form .product-name a {
	font-size: 16px !important;
	line-height: 1.3 !important;
}

body.woocommerce-cart .cart_totals > h2,
body.woocommerce-cart .woocommerce-cart-form h2,
body.woocommerce-cart .entry-title {
	font-size: 26px !important;
	line-height: 1.2 !important;
}

/* Compact secondary participant action. */
body.woocommerce-checkout .spretni-add-participant {
	min-height: 34px !important;
	padding: 6px 11px !important;
	font-size: 13px !important;
	line-height: 1.15 !important;
	border-radius: 6px !important;
}

/* The security message belongs visually to the card form. Remove the large
   gap introduced by the payment-method box and Stripe wrapper. */
body.woocommerce-checkout #payment ul.payment_methods li .payment_box,
body.woocommerce-checkout #payment .payment_box {
	margin-top: 0 !important;
	padding-top: 12px !important;
}

body.woocommerce-checkout #payment .payment_box .spretni-secure-payment-wrap,
body.woocommerce-checkout .spretni-secure-payment-wrap {
	margin-top: 0 !important;
	margin-bottom: 10px !important;
	padding-top: 0 !important;
}

body.woocommerce-checkout #payment .payment_box .spretni-secure-payment-heading {
	margin-top: 0 !important;
	margin-bottom: 3px !important;
	padding-top: 0 !important;
}

/* Notes are moved by JavaScript above the alternate-delivery section. Keep the
   field visually connected to the payer details and compact. */
body.woocommerce-checkout .woocommerce-additional-fields.spretni-notes-before-shipping {
	margin: 14px 0 18px !important;
	padding: 0 !important;
}

body.woocommerce-checkout .woocommerce-additional-fields.spretni-notes-before-shipping #order_comments_field {
	margin: 0 !important;
}

@media (max-width: 767px) {
	body.woocommerce-checkout #order_review_heading,
	body.woocommerce-checkout .woocommerce-billing-fields > h3,
	body.woocommerce-checkout .woocommerce-shipping-fields > h3,
	body.woocommerce-checkout .woocommerce-additional-fields > h3,
	body.woocommerce-checkout #spretni-participants-section > h3,
	body.woocommerce-checkout #payment > h3,
	body.woocommerce-checkout #ship-to-different-address,
	body.woocommerce-checkout .woocommerce-checkout h2,
	body.woocommerce-checkout .woocommerce-checkout h3 {
		font-size: 21px !important;
		line-height: 1.22 !important;
		margin-top: 18px !important;
		margin-bottom: 11px !important;
	}

	body.woocommerce-checkout #order_review_heading {
		margin-top: 0 !important;
	}

	body.woocommerce-checkout table.woocommerce-checkout-review-order-table td.product-name,
	body.woocommerce-checkout table.woocommerce-checkout-review-order-table td.product-name a {
		font-size: 14px !important;
	}

	body.woocommerce-cart table.shop_table td.product-name,
	body.woocommerce-cart table.shop_table td.product-name a,
	body.woocommerce-cart .woocommerce-cart-form .product-name,
	body.woocommerce-cart .woocommerce-cart-form .product-name a {
		font-size: 15px !important;
	}

	body.woocommerce-cart .cart_totals > h2,
	body.woocommerce-cart .woocommerce-cart-form h2,
	body.woocommerce-cart .entry-title {
		font-size: 23px !important;
	}

	body.woocommerce-checkout #payment ul.payment_methods li .payment_box,
	body.woocommerce-checkout #payment .payment_box {
		padding-top: 8px !important;
	}
}

/* ============================================================
   CHECKOUT UX V8.7 – CONSISTENT HEADINGS, CORRECT TOTAL, PAYMENT TRUST
   ============================================================ */

/* Keep the payer, participant, shipping and order-summary headings on the same
   visual level. More specific selectors override broad theme heading rules. */
body.woocommerce-checkout #order_review_heading,
body.woocommerce-checkout .woocommerce-billing-fields > h3,
body.woocommerce-checkout #spretni-participants-section > h3,
body.woocommerce-checkout #ship-to-different-address {
	font-size: 22px !important;
	line-height: 1.22 !important;
	font-weight: 700 !important;
	margin-bottom: 12px !important;
}

/* Participant product/course title is contextual information, not another
   primary section heading. */
body.woocommerce-checkout .spretni-participant-product-header h4,
body.woocommerce-checkout .spretni-participant-product h4 {
	font-size: 20px !important;
	line-height: 1.25 !important;
	font-weight: 700 !important;
	margin: 12px 0 10px !important;
}

/* Product names stay compact in the checkout summary and in both cart layouts. */
body.woocommerce-checkout table.woocommerce-checkout-review-order-table td.product-name,
body.woocommerce-checkout table.woocommerce-checkout-review-order-table td.product-name a {
	font-size: 14px !important;
	line-height: 1.3 !important;
}

body.woocommerce-cart table.shop_table td.product-name,
body.woocommerce-cart table.shop_table td.product-name a,
body.woocommerce-cart .woocommerce-cart-form .product-name,
body.woocommerce-cart .woocommerce-cart-form .product-name a {
	font-size: 15px !important;
	line-height: 1.3 !important;
}

/* Alternate delivery is an ordinary checkout section, not a page title. */
body.woocommerce-checkout #ship-to-different-address,
body.woocommerce-checkout #ship-to-different-address label,
body.woocommerce-checkout #ship-to-different-address span {
	font-size: 22px !important;
	line-height: 1.22 !important;
}

/* Payment options should look reassuring and compact rather than oversized. */
body.woocommerce-checkout #payment ul.payment_methods > li > label {
	font-size: 17px !important;
	line-height: 1.25 !important;
	font-weight: 700 !important;
}

body.woocommerce-checkout #payment .payment_box {
	padding-top: 8px !important;
}

body.woocommerce-checkout #payment .payment_box .spretni-secure-payment-wrap {
	margin: 0 0 10px !important;
	padding: 0 !important;
}

body.woocommerce-checkout #payment .payment_box .spretni-secure-payment-heading {
	font-size: 18px !important;
	line-height: 1.25 !important;
	margin: 0 0 3px !important;
}

body.woocommerce-checkout .spretni-secure-payment-note {
	font-size: 13px !important;
	line-height: 1.4 !important;
	max-width: 720px;
}

@media (max-width: 767px) {
	body.woocommerce-checkout #order_review_heading,
	body.woocommerce-checkout .woocommerce-billing-fields > h3,
	body.woocommerce-checkout #spretni-participants-section > h3,
	body.woocommerce-checkout #ship-to-different-address {
		font-size: 20px !important;
		margin-bottom: 10px !important;
	}

	body.woocommerce-checkout .spretni-participant-product-header h4,
	body.woocommerce-checkout .spretni-participant-product h4 {
		font-size: 18px !important;
		line-height: 1.28 !important;
		margin: 10px 0 8px !important;
	}

	body.woocommerce-checkout table.woocommerce-checkout-review-order-table td.product-name,
	body.woocommerce-checkout table.woocommerce-checkout-review-order-table td.product-name a {
		font-size: 13px !important;
	}

	body.woocommerce-cart table.shop_table td.product-name,
	body.woocommerce-cart table.shop_table td.product-name a,
	body.woocommerce-cart .woocommerce-cart-form .product-name,
	body.woocommerce-cart .woocommerce-cart-form .product-name a {
		font-size: 14px !important;
	}

	body.woocommerce-checkout #ship-to-different-address,
	body.woocommerce-checkout #ship-to-different-address label,
	body.woocommerce-checkout #ship-to-different-address span {
		font-size: 20px !important;
	}

	body.woocommerce-checkout #payment ul.payment_methods > li > label {
		font-size: 15px !important;
	}

	body.woocommerce-checkout #payment .payment_box .spretni-secure-payment-heading {
		font-size: 17px !important;
	}

	body.woocommerce-checkout .spretni-secure-payment-note {
		font-size: 12px !important;
	}
}

/* ============================================================
   CHECKOUT UX V8.8 – PAYMENT ORIENTATION, TRUST AND SUBMIT LOCK
   ============================================================ */

/* Give the payment area the same clear hierarchy as the other checkout
   sections without introducing a large progress component. */
body.woocommerce-checkout .spretni-payment-intro {
	margin: 20px 0 10px !important;
	padding: 0 !important;
}

body.woocommerce-checkout .spretni-payment-intro h3 {
	font-size: 22px !important;
	line-height: 1.22 !important;
	font-weight: 700 !important;
	margin: 0 0 5px !important;
}

body.woocommerce-checkout .spretni-final-step {
	margin: 0 !important;
	font-size: 14px !important;
	line-height: 1.4 !important;
	font-weight: 600 !important;
	color: #6b7280 !important;
}

body.woocommerce-checkout .spretni-final-step span {
	color: #936144;
	font-weight: 700;
}

/* The payment element follows immediately after the intro, therefore the old
   top divider spacing can be reduced. */
body.woocommerce-checkout .spretni-payment-intro + #payment {
	margin-top: 8px !important;
	padding-top: 14px !important;
}

/* Keep the security explanation on a single compact line where space permits. */
body.woocommerce-checkout .spretni-secure-payment-note {
	white-space: nowrap;
}

/* Final reassurance sits directly below the action button and is intentionally
   subtle. JavaScript hides it for non-Stripe payment methods. */
body.woocommerce-checkout .spretni-submit-security {
	margin: 8px 0 0 !important;
	font-size: 12px !important;
	line-height: 1.4 !important;
	font-weight: 400 !important;
	text-align: center !important;
	color: #6b7280 !important;
}

body.woocommerce-checkout .spretni-submit-security[hidden] {
	display: none !important;
}

/* Visual processing state. Pointer events are disabled immediately; JavaScript
   also disables the native button after WooCommerce has captured the submit. */
body.woocommerce-checkout #place_order.spretni-is-processing {
	cursor: wait !important;
	pointer-events: none !important;
	opacity: 0.78 !important;
}

@media (max-width: 767px) {
	body.woocommerce-checkout .spretni-payment-intro {
		margin-top: 16px !important;
		margin-bottom: 8px !important;
	}

	body.woocommerce-checkout .spretni-payment-intro h3 {
		font-size: 20px !important;
	}

	body.woocommerce-checkout .spretni-final-step {
		font-size: 13px !important;
	}

	body.woocommerce-checkout .spretni-secure-payment-note {
		white-space: normal;
	}

	body.woocommerce-checkout .spretni-submit-security {
		font-size: 11px !important;
	}
}

/* ============================================================
   CHECKOUT UX V8.9 – PAYMENT POSITION AND CLEAN CARD BACKGROUND
   ============================================================ */

/* The payment heading is kept immediately before the payment-method block.
   JavaScript also restores this position after WooCommerce AJAX refreshes. */
body.woocommerce-checkout .spretni-payment-intro {
	margin-bottom: 8px !important;
}

/* Remove the former grey payment surface for a cleaner, more legible checkout. */
body.woocommerce-checkout #payment,
body.woocommerce-checkout #payment ul.payment_methods,
body.woocommerce-checkout #payment ul.payment_methods > li,
body.woocommerce-checkout #payment .payment_box {
	background: #fff !important;
}

/* The Stripe-specific trust block was removed from PHP. Keep it hidden in case
   cached checkout fragments briefly contain the previous markup. */
body.woocommerce-checkout .spretni-secure-payment-wrap {
	display: none !important;
}


/* ============================================================
   CHECKOUT UX V9.0.3 – PAYMENT HEADING INSIDE PAYMENT CONTAINER
   ============================================================ */

/* The heading is now the first element inside #payment, immediately before the
   actual WooCommerce payment-method list. Keep the spacing compact and remove
   any inherited list/container padding around this transition. */
body.woocommerce-checkout #payment > .spretni-payment-intro {
	margin: 0 0 12px !important;
	padding: 0 !important;
	background: #fff !important;
}

body.woocommerce-checkout #payment > .spretni-payment-intro + ul.payment_methods {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

@media (max-width: 767px) {
	body.woocommerce-checkout #payment > .spretni-payment-intro {
		margin-bottom: 10px !important;
	}
}

/* ============================================================
   CHECKOUT UX V9.0.4 – REDUCED GAP BEFORE PAYMENT METHODS
   ============================================================ */

/* Keep the transition from participant/delivery data to the payment section
   compact. This overrides residual theme and legacy spacing without changing
   the internal spacing of the payment choices themselves. */
body.woocommerce-checkout #spretni-participants-section {
	margin-bottom: 12px !important;
	padding-bottom: 0 !important;
}

body.woocommerce-checkout #spretni-participants-section .spretni-participant-status {
	margin-bottom: 0 !important;
}

body.woocommerce-checkout #payment {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

body.woocommerce-checkout #payment > .spretni-payment-intro {
	margin-top: 0 !important;
	margin-bottom: 10px !important;
}

@media (max-width: 767px) {
	body.woocommerce-checkout #spretni-participants-section {
		margin-bottom: 8px !important;
	}

	body.woocommerce-checkout #payment > .spretni-payment-intro {
		margin-bottom: 8px !important;
	}
}

/* ============================================================
   CHECKOUT UX V9.0.9 – PAYMENT METHOD LABELS, CLEAN RESET
   ============================================================ */

/* Keep only a compact gap before the payment section. */
body.woocommerce-checkout #payment {
	margin-top: -24px !important;
}

@media (max-width: 767px) {
	body.woocommerce-checkout #payment {
		margin-top: -16px !important;
	}
}

/* Reset the gateway containers. Styling is applied only to the actual clickable
   labels that JavaScript marks with .spretni-payment-method-label. */
body.woocommerce-checkout #payment ul.payment_methods,
body.woocommerce-checkout #payment ul.payment_methods > li,
body.woocommerce-checkout #payment .payment_methods > li {
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	outline: 0 !important;
}

/* This selector targets the real visible payment row regardless of the exact
   MaxCoach/WooCommerce wrapper structure. */
body.woocommerce-checkout #payment label.spretni-payment-method-label {
	display: block !important;
	box-sizing: border-box !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 19px 23px !important;
	background-color: #fdfaf6 !important;
	background-image: none !important;
	border: 1.5px solid #dfcfbb !important;
	border-radius: 9px !important;
	box-shadow: none !important;
	outline: 0 !important;
	transition: background-color 0.18s ease, border-color 0.18s ease,
		box-shadow 0.18s ease !important;
}

body.woocommerce-checkout #payment label.spretni-payment-method-label.spretni-payment-method-label-selected {
	background-color: #fbf3e8 !important;
	border-color: #ad8759 !important;
	border-width: 2px !important;
	box-shadow: 0 2px 7px rgba(120, 86, 48, 0.08) !important;
}

/* Expanded gateway details remain separate, white and unframed. */
body.woocommerce-checkout #payment .payment_box,
body.woocommerce-checkout #payment .wc-payment-form,
body.woocommerce-checkout #payment .payment_box .wc-stripe-elements-field,
body.woocommerce-checkout #payment .payment_box .wc-stripe-iban-element-field,
body.woocommerce-checkout #payment .payment_box .StripeElement {
	margin-top: 10px !important;
	background: #fff !important;
	border: 0 !important;
	box-shadow: none !important;
	outline: 0 !important;
}

body.woocommerce-checkout #payment .payment_box::before,
body.woocommerce-checkout #payment .payment_box::after {
	display: none !important;
	content: none !important;
}

body.woocommerce-checkout #payment li + li {
	margin-top: 12px !important;
}

@media (max-width: 767px) {
	body.woocommerce-checkout #payment label.spretni-payment-method-label {
		padding: 16px 18px !important;
		border-radius: 8px !important;
	}

	body.woocommerce-checkout #payment .payment_box {
		margin-top: 8px !important;
	}
}

/* ============================================================
   CHECKOUT UX V9.0.10 – FINAL PAYMENT METHOD ROW STRUCTURE
   ============================================================ */

/* Reset legacy visual treatments from previous payment-row experiments. */
body.woocommerce-checkout #payment ul.payment_methods > li,
body.woocommerce-checkout #payment .payment_methods > li,
body.woocommerce-checkout #payment li.wc_payment_method {
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	outline: 0 !important;
	padding: 0 !important;
}

/* Radio and label live in one compact clickable row. */
body.woocommerce-checkout #payment .spretni-payment-method-header {
	display: flex !important;
	align-items: center !important;
	gap: 14px !important;
	box-sizing: border-box !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 18px 22px !important;
	background: #fdfaf6 !important;
	border: 1.5px solid #decdb8 !important;
	border-radius: 10px !important;
	box-shadow: none !important;
	transition: background-color 0.18s ease, border-color 0.18s ease !important;
}

body.woocommerce-checkout #payment .spretni-payment-method-header.is-selected {
	background: #fbf5ed !important;
	border-color: #ad8759 !important;
	border-width: 2px !important;
	box-shadow: none !important;
}

body.woocommerce-checkout #payment .spretni-payment-method-header input[type="radio"] {
	position: static !important;
	float: none !important;
	flex: 0 0 auto !important;
	margin: 0 !important;
	transform: none !important;
}

body.woocommerce-checkout #payment .spretni-payment-method-header label {
	display: block !important;
	flex: 1 1 auto !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	outline: 0 !important;
	line-height: 1.3 !important;
	cursor: pointer !important;
}

/* Gateway details remain visually separate from the method selector. */
body.woocommerce-checkout #payment .spretni-payment-method-header + .payment_box,
body.woocommerce-checkout #payment .payment_box {
	margin: 10px 0 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	background: #fff !important;
	border: 0 !important;
	box-shadow: none !important;
	outline: 0 !important;
}

body.woocommerce-checkout #payment .payment_box::before,
body.woocommerce-checkout #payment .payment_box::after {
	display: none !important;
	content: none !important;
}

body.woocommerce-checkout #payment li.wc_payment_method + li.wc_payment_method,
body.woocommerce-checkout #payment ul.payment_methods > li + li {
	margin-top: 12px !important;
}

@media (max-width: 767px) {
	body.woocommerce-checkout #payment .spretni-payment-method-header {
		gap: 11px !important;
		padding: 15px 16px !important;
		border-radius: 8px !important;
	}
}

/* ============================================================
   CHECKOUT UX V9.0.11 – REMOVE EMPTY THEME PAYMENT BARS
   ============================================================ */

/* MaxCoach leaves an empty visual wrapper behind after the radio and label are
   moved into the compact payment-method header. JavaScript marks only wrappers
   that contain neither text nor interactive content, so this rule safely
   removes the grey bar without affecting Stripe or other gateway details. */
body.woocommerce-checkout #payment .spretni-empty-payment-wrapper {
	display: none !important;
	margin: 0 !important;
	padding: 0 !important;
	min-height: 0 !important;
	height: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

/* Keep the two payment choices visually close once the empty theme wrappers
   are gone. */
body.woocommerce-checkout #payment li.wc_payment_method + li.wc_payment_method,
body.woocommerce-checkout #payment ul.payment_methods > li + li {
	margin-top: 10px !important;
}

/* Slightly refine the save-card row so it aligns with the compact method cards. */
body.woocommerce-checkout #payment .woocommerce-SavedPaymentMethods-saveNew,
body.woocommerce-checkout #payment .wc-stripe-save-source {
	margin-top: 10px !important;
	padding-top: 12px !important;
	border-top: 1px solid #e8e0d6 !important;
}

/* ============================================================
   CHECKOUT UX V9.0.12 – CLEAN, ELEGANT STRIPE CARD SECTION
   ============================================================ */

/* Make the expanded card area feel like one calm, integrated module rather
   than several nested technical boxes. The Stripe iframe itself remains under
   Stripe's control; these rules refine only the WooCommerce wrapper. */
body.woocommerce-checkout #payment li.wc_payment_method.payment_method_stripe .payment_box,
body.woocommerce-checkout #payment .spretni-stripe-payment-box {
	box-sizing: border-box !important;
	margin: 12px 0 0 !important;
	padding: 16px 18px 14px !important;
	background: #fff !important;
	border: 1px solid #e6e0d8 !important;
	border-radius: 10px !important;
	box-shadow: 0 2px 8px rgba(52, 45, 38, 0.045) !important;
}

/* Remove redundant frame layers around Stripe's own secure element. */
body.woocommerce-checkout #payment .spretni-stripe-payment-box .wc-stripe-upe-element,
body.woocommerce-checkout #payment .spretni-stripe-payment-box .wc-stripe-elements-field,
body.woocommerce-checkout #payment .spretni-stripe-payment-box .wc-stripe-iban-element-field,
body.woocommerce-checkout #payment .spretni-stripe-payment-box .StripeElement,
body.woocommerce-checkout #payment .spretni-stripe-payment-box iframe {
	margin: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

/* Keep the optional save-card choice compact and benefit-oriented. */
body.woocommerce-checkout #payment .spretni-stripe-payment-box .woocommerce-SavedPaymentMethods-saveNew,
body.woocommerce-checkout #payment .spretni-stripe-payment-box .wc-stripe-save-source {
	display: flex !important;
	align-items: center !important;
	gap: 9px !important;
	margin: 12px 0 0 !important;
	padding: 11px 0 0 !important;
	background: transparent !important;
	border: 0 !important;
	border-top: 1px solid #eee8e0 !important;
	box-shadow: none !important;
	font-size: 15px !important;
	line-height: 1.4 !important;
}

body.woocommerce-checkout #payment .spretni-stripe-payment-box .woocommerce-SavedPaymentMethods-saveNew label,
body.woocommerce-checkout #payment .spretni-stripe-payment-box .wc-stripe-save-source label {
	margin: 0 !important;
	font-size: inherit !important;
	font-weight: 500 !important;
	line-height: inherit !important;
	color: #3c3935 !important;
}

/* Quiet trust signal inside the card module. */
body.woocommerce-checkout #payment .spretni-card-trust-footer {
	display: flex !important;
	align-items: center !important;
	gap: 6px !important;
	margin: 10px 0 0 !important;
	padding: 0 !important;
	font-size: 13px !important;
	font-weight: 400 !important;
	line-height: 1.4 !important;
	color: #77716a !important;
}

body.woocommerce-checkout #payment .spretni-card-trust-footer::before {
	content: "🔒";
	font-size: 12px;
	line-height: 1;
}

@media (max-width: 767px) {
	body.woocommerce-checkout #payment li.wc_payment_method.payment_method_stripe .payment_box,
	body.woocommerce-checkout #payment .spretni-stripe-payment-box {
		margin-top: 10px !important;
		padding: 13px 12px 12px !important;
		border-radius: 8px !important;
	}

	body.woocommerce-checkout #payment .spretni-stripe-payment-box .woocommerce-SavedPaymentMethods-saveNew,
	body.woocommerce-checkout #payment .spretni-stripe-payment-box .wc-stripe-save-source {
		font-size: 14px !important;
		padding-top: 10px !important;
	}

	body.woocommerce-checkout #payment .spretni-card-trust-footer {
		font-size: 12px !important;
	}
}


/* ============================================================
   CHECKOUT UX V9.0.13 – FINAL CARD-SAVE ROW CLEANUP
   ============================================================ */

/* Remove the technical-looking frame around the optional save-card row.
   Different Stripe/WooCommerce versions wrap this option differently, so the
   reset covers the row and its common list/fieldset wrappers. */
body.woocommerce-checkout #payment .spretni-stripe-payment-box .woocommerce-SavedPaymentMethods,
body.woocommerce-checkout #payment .spretni-stripe-payment-box .woocommerce-SavedPaymentMethods-saveNew,
body.woocommerce-checkout #payment .spretni-stripe-payment-box .wc-stripe-save-source,
body.woocommerce-checkout #payment .spretni-stripe-payment-box fieldset,
body.woocommerce-checkout #payment .spretni-stripe-payment-box ul,
body.woocommerce-checkout #payment .spretni-stripe-payment-box li {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

body.woocommerce-checkout #payment .spretni-stripe-payment-box .woocommerce-SavedPaymentMethods-saveNew,
body.woocommerce-checkout #payment .spretni-stripe-payment-box .wc-stripe-save-source {
	margin: 10px 0 0 !important;
	padding: 9px 0 0 !important;
	border-top: 1px solid #eee8e0 !important;
}

/* The checkout already carries one security message below the submit button.
   Keep only that single message. */
body.woocommerce-checkout #payment .spretni-card-trust-footer {
	display: none !important;
}


/* ============================================================
   CHECKOUT UX V9.0.14 – BROWN PAYMENT RADIOS + STRAY RADIO FIX
   ============================================================ */

/* Use the Spretni.si brown accent instead of the browser's default blue. */
body.woocommerce-checkout #payment input[type="radio"][name="payment_method"] {
	accent-color: #ad8759 !important;
}

/* Some browsers retain a blue focus glow around native radios. Keep focus
   visible for accessibility, but use the same warm brand colour. */
body.woocommerce-checkout #payment input[type="radio"][name="payment_method"]:focus-visible {
	outline: 2px solid rgba(173, 135, 89, 0.38) !important;
	outline-offset: 3px !important;
}

/* ============================================================
   CHECKOUT UX V10.0.17 – PAYMENT CONTROL WITHOUT MOVED RADIOS
   ============================================================ */

/* Keep the real WooCommerce controls in their original method item so the
   theme cannot leave a clickable clone among billing fields. They remain
   available to WooCommerce and assistive technology, but the custom visual
   selector below is the only visible control. */
body.woocommerce-checkout #payment .spretni-original-payment-input,
body.woocommerce-checkout #payment .spretni-original-payment-label {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	margin: -1px !important;
	padding: 0 !important;
	overflow: hidden !important;
	clip: rect(0 0 0 0) !important;
	clip-path: inset(50%) !important;
	white-space: nowrap !important;
	border: 0 !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

body.woocommerce-checkout #payment .spretni-payment-method-header {
	cursor: pointer !important;
}

body.woocommerce-checkout #payment .spretni-payment-radio {
	position: relative !important;
	display: inline-block !important;
	flex: 0 0 18px !important;
	width: 18px !important;
	height: 18px !important;
	box-sizing: border-box !important;
	border: 2px solid #8f8a84 !important;
	border-radius: 50% !important;
	background: #fff !important;
}

body.woocommerce-checkout #payment .spretni-payment-method-header.is-selected .spretni-payment-radio {
	border-color: #ad8759 !important;
}

body.woocommerce-checkout #payment .spretni-payment-method-header.is-selected .spretni-payment-radio::after {
	content: "" !important;
	position: absolute !important;
	top: 3px !important;
	left: 3px !important;
	width: 8px !important;
	height: 8px !important;
	border-radius: 50% !important;
	background: #ad8759 !important;
}

body.woocommerce-checkout #payment .spretni-payment-method-text {
	display: block !important;
	flex: 1 1 auto !important;
	line-height: 1.3 !important;
}

body.woocommerce-checkout #payment .spretni-payment-method-header:focus-visible {
	outline: 2px solid rgba(173, 135, 89, 0.42) !important;
	outline-offset: 3px !important;
}

/* ============================================================
   CHECKOUT UX V10.0.18 – REMOVE MAXCOACH GREY PAYMENT PLACEHOLDERS
   ============================================================ */

/* The theme's payment-method <li> must not paint its own grey panel. The
   custom Spretni payment header is the only visible method selector. */
body.woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method,
body.woocommerce-checkout #payment ul.payment_methods > li[class*="payment_method_"] {
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

body.woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method::before,
body.woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method::after,
body.woocommerce-checkout #payment ul.payment_methods > li[class*="payment_method_"]::before,
body.woocommerce-checkout #payment ul.payment_methods > li[class*="payment_method_"]::after {
	display: none !important;
	content: none !important;
}

/* JavaScript applies this class only to otherwise empty theme wrappers that
   contain the visually-hidden native payment input/label. */
body.woocommerce-checkout #payment .spretni-empty-payment-wrapper {
	display: none !important;
	visibility: hidden !important;
	margin: 0 !important;
	padding: 0 !important;
	width: 0 !important;
	min-width: 0 !important;
	height: 0 !important;
	min-height: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	overflow: hidden !important;
}

/* Keep deliberate spacing only between the actual Spretni method selectors. */
body.woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method + li.wc_payment_method,
body.woocommerce-checkout #payment ul.payment_methods > li[class*="payment_method_"] + li[class*="payment_method_"] {
	margin-top: 10px !important;
}