/**
 * Zamar skin for WooCommerce Checkout (+ thank-you).
 * Dark page chrome + light form fields for readable contrast.
 * Admin-preview by default (see zamar_checkout_skin_should_load).
 */
body.zamar-checkout-skin {
	--zamar-ck-bg: #161210;
	--zamar-ck-bg2: #1e1915;
	--zamar-ck-surface: #24201c;
	--zamar-ck-line: #3d342c;
	--zamar-ck-cream: #f0e6d2;
	--zamar-ck-cream-dim: #d4c6a8;
	--zamar-ck-amber: #e0a52c;
	--zamar-ck-amber-hi: #ffc24d;
	--zamar-ck-text: #f7f1e6;
	--zamar-ck-muted: #a89a88;
	--zamar-ck-btn-text: #1a1208;
	/* Light inputs on dark page — readable, Zamar still present */
	--zamar-ck-field-bg: #f5efe4;
	--zamar-ck-field-text: #1a140c;
	--zamar-ck-field-border: #c9b99a;
	--zamar-ck-field-placeholder: #6b5f4e;
	--zamar-ck-display: 'Bebas Neue', sans-serif;
	--zamar-ck-body: 'Barlow', sans-serif;
	background: var(--zamar-ck-bg) !important;
	color: var(--zamar-ck-text) !important;
	font-family: var(--zamar-ck-body) !important;
	-webkit-font-smoothing: antialiased;
}

/* Soften Divi chrome so checkout reads as Zamar (preview). */
body.zamar-checkout-skin #main-header,
body.zamar-checkout-skin .et-l--header,
body.zamar-checkout-skin #main-footer,
body.zamar-checkout-skin .et-l--footer,
body.zamar-checkout-skin .et_pb_section.et_pb_section_0_tb_header,
body.zamar-checkout-skin #et-secondary-menu {
	display: none !important;
}
body.zamar-checkout-skin #page-container,
body.zamar-checkout-skin #et-boc,
body.zamar-checkout-skin .et_pb_section,
body.zamar-checkout-skin .et_pb_row,
body.zamar-checkout-skin .et_pb_column,
body.zamar-checkout-skin #main-content,
body.zamar-checkout-skin .container,
body.zamar-checkout-skin .et_pb_with_background {
	background: transparent !important;
	background-color: transparent !important;
}
body.zamar-checkout-skin #main-content {
	padding-top: 48px !important;
	padding-bottom: 80px !important;
}

/* Classic checkout + shared */
body.zamar-checkout-skin .woocommerce,
body.zamar-checkout-skin .woocommerce-page,
body.zamar-checkout-skin .woocommerce p,
body.zamar-checkout-skin .woocommerce span,
body.zamar-checkout-skin .woocommerce .form-row {
	color: var(--zamar-ck-text);
	font-family: var(--zamar-ck-body);
}
body.zamar-checkout-skin .woocommerce h1,
body.zamar-checkout-skin .woocommerce h2,
body.zamar-checkout-skin .woocommerce h3,
body.zamar-checkout-skin .wp-block-woocommerce-checkout h1,
body.zamar-checkout-skin .wp-block-woocommerce-checkout h2 {
	font-family: var(--zamar-ck-display) !important;
	color: var(--zamar-ck-cream) !important;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: 400;
}
body.zamar-checkout-skin .woocommerce-checkout,
body.zamar-checkout-skin .woocommerce-order {
	max-width: 1100px;
	margin: 0 auto;
	padding: 24px 20px 60px;
}

/* Labels — bright on dark page */
body.zamar-checkout-skin .woocommerce form .form-row label,
body.zamar-checkout-skin .woocommerce-checkout label,
body.zamar-checkout-skin .woocommerce form .form-row .required,
body.zamar-checkout-skin .wc-block-components-text-input label,
body.zamar-checkout-skin .wc-block-components-checkbox label {
	color: var(--zamar-ck-cream) !important;
	font-weight: 500 !important;
	opacity: 1 !important;
}

/* Light form fields (kill theme dark-on-dark) */
body.zamar-checkout-skin .woocommerce form .input-text,
body.zamar-checkout-skin .woocommerce form select,
body.zamar-checkout-skin .woocommerce form textarea,
body.zamar-checkout-skin .woocommerce input[type="text"],
body.zamar-checkout-skin .woocommerce input[type="email"],
body.zamar-checkout-skin .woocommerce input[type="tel"],
body.zamar-checkout-skin .woocommerce input[type="password"],
body.zamar-checkout-skin .woocommerce input[type="number"],
body.zamar-checkout-skin .woocommerce textarea,
body.zamar-checkout-skin .woocommerce select,
body.zamar-checkout-skin .select2-container--default .select2-selection--single,
body.zamar-checkout-skin .select2-container--default .select2-selection--single .select2-selection__rendered,
body.zamar-checkout-skin .wc-block-components-text-input input,
body.zamar-checkout-skin .wc-block-components-textarea textarea,
body.zamar-checkout-skin .wc-block-components-combobox input,
body.zamar-checkout-skin .wc-block-components-select select {
	background: var(--zamar-ck-field-bg) !important;
	background-color: var(--zamar-ck-field-bg) !important;
	border: 1px solid var(--zamar-ck-field-border) !important;
	color: var(--zamar-ck-field-text) !important;
	border-radius: 6px !important;
	box-shadow: none !important;
	min-height: 44px;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	padding-right: 12px !important;
	padding-left: 12px !important;
	caret-color: var(--zamar-ck-field-text);
}
/* WooPay / phone fields keep room for the country flag */
body.zamar-checkout-skin .woocommerce input[type="tel"],
body.zamar-checkout-skin .woocommerce input.phone,
body.zamar-checkout-skin .woocommerce #phone,
body.zamar-checkout-skin .woocommerce input[name="phone"],
body.zamar-checkout-skin [class*="woopay"] input[type="tel"],
body.zamar-checkout-skin [class*="woopay"] input[type="text"],
body.zamar-checkout-skin [class*="phone-input"] input,
body.zamar-checkout-skin .wc-block-components-phone-number input {
	padding-left: 58px !important;
}
body.zamar-checkout-skin .select2-container--default .select2-selection--single {
	height: 44px !important;
	display: flex !important;
	align-items: center;
}
body.zamar-checkout-skin .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 42px !important;
}
body.zamar-checkout-skin .select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: var(--zamar-ck-field-text) transparent transparent transparent !important;
}
body.zamar-checkout-skin .select2-container--default .select2-selection--single .select2-selection__placeholder {
	color: var(--zamar-ck-field-placeholder) !important;
}
body.zamar-checkout-skin .woocommerce form .input-text::placeholder,
body.zamar-checkout-skin .woocommerce form textarea::placeholder,
body.zamar-checkout-skin .woocommerce input::placeholder,
body.zamar-checkout-skin .woocommerce textarea::placeholder {
	color: var(--zamar-ck-field-placeholder) !important;
	opacity: 1 !important;
}
body.zamar-checkout-skin .woocommerce form .input-text:focus,
body.zamar-checkout-skin .woocommerce form select:focus,
body.zamar-checkout-skin .woocommerce form textarea:focus,
body.zamar-checkout-skin .woocommerce input:focus,
body.zamar-checkout-skin .select2-container--default.select2-container--focus .select2-selection--single,
body.zamar-checkout-skin .wc-block-components-text-input.is-active input {
	border-color: var(--zamar-ck-amber) !important;
	outline: 2px solid color-mix(in srgb, var(--zamar-ck-amber) 35%, transparent) !important;
	outline-offset: 1px;
	box-shadow: none !important;
}

/* Autofill stays readable */
body.zamar-checkout-skin .woocommerce input:-webkit-autofill,
body.zamar-checkout-skin .woocommerce input:-webkit-autofill:hover,
body.zamar-checkout-skin .woocommerce input:-webkit-autofill:focus,
body.zamar-checkout-skin .woocommerce textarea:-webkit-autofill {
	-webkit-text-fill-color: var(--zamar-ck-field-text) !important;
	-webkit-box-shadow: 0 0 0 1000px var(--zamar-ck-field-bg) inset !important;
	transition: background-color 99999s ease-out;
}

/* Select2 dropdown panel */
body.zamar-checkout-skin .select2-dropdown {
	background: var(--zamar-ck-field-bg) !important;
	border-color: var(--zamar-ck-field-border) !important;
	color: var(--zamar-ck-field-text) !important;
}
body.zamar-checkout-skin .select2-results__option {
	color: var(--zamar-ck-field-text) !important;
}
body.zamar-checkout-skin .select2-container--default .select2-results__option--highlighted[aria-selected],
body.zamar-checkout-skin .select2-container--default .select2-results__option--selected {
	background: var(--zamar-ck-amber) !important;
	color: var(--zamar-ck-btn-text) !important;
}

/* Order review / totals — slightly lifted card */
body.zamar-checkout-skin #order_review,
body.zamar-checkout-skin .woocommerce-checkout-review-order,
body.zamar-checkout-skin .wc-block-components-sidebar,
body.zamar-checkout-skin .wp-block-woocommerce-checkout-order-summary-block {
	background: var(--zamar-ck-surface) !important;
	border: 1px solid var(--zamar-ck-line) !important;
	border-radius: 10px;
	padding: 20px !important;
	color: var(--zamar-ck-text) !important;
}
body.zamar-checkout-skin .woocommerce-checkout-review-order-table,
body.zamar-checkout-skin .woocommerce-checkout-review-order-table th,
body.zamar-checkout-skin .woocommerce-checkout-review-order-table td,
body.zamar-checkout-skin .wc-block-components-totals-item,
body.zamar-checkout-skin .wc-block-components-product-name,
body.zamar-checkout-skin .wc-block-components-product-price,
body.zamar-checkout-skin .wc-block-components-totals-footer-item,
body.zamar-checkout-skin .woocommerce-checkout-review-order-table .product-name,
body.zamar-checkout-skin .woocommerce-checkout-review-order-table .product-total {
	color: var(--zamar-ck-text) !important;
	border-color: var(--zamar-ck-line) !important;
}
body.zamar-checkout-skin .woocommerce-Price-amount,
body.zamar-checkout-skin .wc-block-formatted-money-amount {
	color: var(--zamar-ck-amber-hi) !important;
}

/* Payment box + Stripe Payment Element (iframes sit in a light pad) */
body.zamar-checkout-skin #payment,
body.zamar-checkout-skin .woocommerce-checkout-payment,
body.zamar-checkout-skin .wc-block-components-radio-control-accordion-option {
	background: var(--zamar-ck-bg2) !important;
	border: 1px solid var(--zamar-ck-line) !important;
	color: #fff !important;
	border-radius: 10px;
}
body.zamar-checkout-skin #payment div.payment_box,
body.zamar-checkout-skin #payment .payment_box,
body.zamar-checkout-skin .payment_method_stripe .payment_box,
body.zamar-checkout-skin .wc-stripe-upe-element,
body.zamar-checkout-skin .wc-stripe-payment-request-wrapper,
body.zamar-checkout-skin .StripeElement,
body.zamar-checkout-skin #wc-stripe-upe-form,
body.zamar-checkout-skin .wc-block-components-payment-method-label {
	color: #fff !important;
}
/* Light plate under Stripe/Affirm embeds so card fields aren't dark-on-dark */
body.zamar-checkout-skin #payment div.payment_box,
body.zamar-checkout-skin .payment_method_stripe .payment_box,
body.zamar-checkout-skin li.payment_method_stripe .payment_box,
body.zamar-checkout-skin .wc-stripe-upe-element,
body.zamar-checkout-skin #wc-stripe-upe-form,
body.zamar-checkout-skin .wc-stripe-payment-element,
body.zamar-checkout-skin .PaymentElement,
body.zamar-checkout-skin iframe[name*="__privateStripeFrame"],
body.zamar-checkout-skin .payment_method_stripe iframe {
	background: var(--zamar-ck-field-bg) !important;
	background-color: var(--zamar-ck-field-bg) !important;
	border-radius: 8px !important;
	border: 1px solid var(--zamar-ck-field-border) !important;
	color: var(--zamar-ck-field-text) !important;
}
body.zamar-checkout-skin #payment div.payment_box {
	padding: 14px 16px !important;
}
body.zamar-checkout-skin #payment div.payment_box p,
body.zamar-checkout-skin #payment div.payment_box label,
body.zamar-checkout-skin #payment .wc-stripe-elements-field,
body.zamar-checkout-skin #payment .stripe-label {
	color: var(--zamar-ck-field-text) !important;
}
body.zamar-checkout-skin #payment ul.payment_methods,
body.zamar-checkout-skin #payment ul.payment_methods li,
body.zamar-checkout-skin #payment ul.payment_methods label,
body.zamar-checkout-skin #payment ul.payment_methods li > label,
body.zamar-checkout-skin #payment .payment_methods label span {
	border-color: var(--zamar-ck-line) !important;
	color: #fff !important;
}

/* Affirm — force white logo/wordmark like landing pages */
body.zamar-checkout-skin .payment_method_affirm img,
body.zamar-checkout-skin .payment_method_affirm svg,
body.zamar-checkout-skin li.payment_method_affirm img,
body.zamar-checkout-skin li.payment_method_affirm svg,
body.zamar-checkout-skin [class*="affirm"] img,
body.zamar-checkout-skin [class*="affirm"] svg,
body.zamar-checkout-skin label[for*="affirm"] img,
body.zamar-checkout-skin label[for*="payment_method_affirm"] img,
body.zamar-checkout-skin .wc_payment_method.payment_method_affirm img,
body.zamar-checkout-skin a[href*="affirm"] img,
body.zamar-checkout-skin a[href*="affirm"] svg {
	filter: brightness(0) invert(1) !important;
}
body.zamar-checkout-skin .payment_method_affirm svg path,
body.zamar-checkout-skin .payment_method_affirm svg g,
body.zamar-checkout-skin [class*="affirm"] svg path,
body.zamar-checkout-skin [class*="affirm"] svg g {
	fill: #fff !important;
	stroke: #fff !important;
}
body.zamar-checkout-skin .payment_method_affirm label,
body.zamar-checkout-skin li.payment_method_affirm label,
body.zamar-checkout-skin [class*="affirm"] {
	color: #fff !important;
}

/* Apple Pay / Google Pay / express — visible outline on dark bg */
body.zamar-checkout-skin .apple-pay-button,
body.zamar-checkout-skin apple-pay-button,
body.zamar-checkout-skin .StripeElement--applePay,
body.zamar-checkout-skin [class*="apple-pay"],
body.zamar-checkout-skin [class*="ApplePay"],
body.zamar-checkout-skin .wc-stripe-apple-pay-button,
body.zamar-checkout-skin #express-payment-method-stripe_applepay,
body.zamar-checkout-skin .wc-stripe-payment-request-button-separator,
body.zamar-checkout-skin .PaymentRequestButton,
body.zamar-checkout-skin div[id*="applePay"],
body.zamar-checkout-skin .express-payment-methods > div {
	box-sizing: border-box !important;
}
body.zamar-checkout-skin .apple-pay-button,
body.zamar-checkout-skin apple-pay-button,
body.zamar-checkout-skin .wc-stripe-apple-pay-button,
body.zamar-checkout-skin #express-payment-method-stripe_applepay,
body.zamar-checkout-skin div[id*="applePay"],
body.zamar-checkout-skin .PaymentRequestButton,
body.zamar-checkout-skin .wc-stripe-payment-request-button-wrapper,
body.zamar-checkout-skin #wc-stripe-payment-request-button {
	outline: 1px solid rgba(255, 255, 255, 0.7) !important;
	border: 1px solid rgba(255, 255, 255, 0.55) !important;
	border-radius: 8px !important;
	overflow: hidden;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.25);
}

/* WooPay flag / mobile number layout */
body.zamar-checkout-skin [class*="woopay"] [class*="flag"],
body.zamar-checkout-skin [class*="woopay"] .flag,
body.zamar-checkout-skin .woocommerce [class*="iti__flag"],
body.zamar-checkout-skin .woocommerce .iti__selected-flag,
body.zamar-checkout-skin [class*="phone"] .iti__selected-flag,
body.zamar-checkout-skin [class*="country"] img {
	position: absolute !important;
	left: 10px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	z-index: 2;
	pointer-events: auto;
}
body.zamar-checkout-skin [class*="woopay"] [class*="phone"],
body.zamar-checkout-skin .iti,
body.zamar-checkout-skin [class*="phone-input"],
body.zamar-checkout-skin .woocommerce .form-row.phone {
	position: relative !important;
}
body.zamar-checkout-skin [class*="woopay"] select[class*="country"],
body.zamar-checkout-skin .iti__selected-dial-code {
	color: var(--zamar-ck-field-text) !important;
}

/* White copy: headings, cart lines, totals, payment labels (not inside light fields) */
body.zamar-checkout-skin .woocommerce-billing-fields h3,
body.zamar-checkout-skin .woocommerce-shipping-fields h3,
body.zamar-checkout-skin .woocommerce-additional-fields h3,
body.zamar-checkout-skin #order_review_heading,
body.zamar-checkout-skin .woocommerce-checkout h3,
body.zamar-checkout-skin .woocommerce-checkout legend,
body.zamar-checkout-skin .woocommerce form-row label,
body.zamar-checkout-skin .woocommerce-checkout-review-order-table th,
body.zamar-checkout-skin .woocommerce-checkout-review-order-table td,
body.zamar-checkout-skin .woocommerce-checkout-review-order-table .product-name,
body.zamar-checkout-skin .woocommerce-checkout-review-order-table .product-name a,
body.zamar-checkout-skin .woocommerce-checkout-review-order-table .product-total,
body.zamar-checkout-skin .woocommerce-checkout-review-order-table .cart-subtotal th,
body.zamar-checkout-skin .woocommerce-checkout-review-order-table .cart-subtotal td,
body.zamar-checkout-skin .woocommerce-checkout-review-order-table .order-total th,
body.zamar-checkout-skin .woocommerce-checkout-review-order-table .order-total td,
body.zamar-checkout-skin .woocommerce-checkout-review-order-table .cart_item td,
body.zamar-checkout-skin .woocommerce-checkout-review-order-table tfoot th,
body.zamar-checkout-skin .woocommerce-checkout-review-order-table tfoot td,
body.zamar-checkout-skin .cart-subtotal,
body.zamar-checkout-skin .order-total,
body.zamar-checkout-skin .product-name,
body.zamar-checkout-skin #order_review {
	color: #fff !important;
}
/* White on review chrome — never paint into cream payment_box / BNPL plates */
body.zamar-checkout-skin #order_review > *:not(#payment),
body.zamar-checkout-skin #order_review .woocommerce-checkout-review-order-table,
body.zamar-checkout-skin #order_review .woocommerce-checkout-review-order-table *,
body.zamar-checkout-skin #order_review #payment > *:not(.payment_methods):not(.place-order),
body.zamar-checkout-skin #payment ul.payment_methods > li > label,
body.zamar-checkout-skin #payment ul.payment_methods > li > label * {
	color: #fff !important;
}
body.zamar-checkout-skin #order_review .woocommerce-Price-amount,
body.zamar-checkout-skin .woocommerce-checkout-review-order-table .woocommerce-Price-amount,
body.zamar-checkout-skin .order-total .woocommerce-Price-amount,
body.zamar-checkout-skin .cart-subtotal .woocommerce-Price-amount {
	color: var(--zamar-ck-amber-hi) !important;
}
/* Cream plates under Stripe / Klarna / Afterpay / Affirm — dark body copy */
body.zamar-checkout-skin #payment div.payment_box,
body.zamar-checkout-skin #payment div.payment_box *:not(img):not(svg):not(path):not(g),
body.zamar-checkout-skin #payment .payment_box,
body.zamar-checkout-skin #payment .payment_box *:not(img):not(svg):not(path):not(g),
body.zamar-checkout-skin .wc-stripe-upe-element,
body.zamar-checkout-skin .wc-stripe-upe-element *:not(img):not(svg):not(path):not(g),
body.zamar-checkout-skin .woocommerce form .input-text,
body.zamar-checkout-skin .woocommerce form select,
body.zamar-checkout-skin .woocommerce form textarea,
body.zamar-checkout-skin .select2-selection__rendered {
	color: var(--zamar-ck-field-text) !important;
}
body.zamar-checkout-skin #payment div.payment_box a,
body.zamar-checkout-skin #payment .payment_box a,
body.zamar-checkout-skin #payment div.payment_box .woocommerce-Price-amount {
	color: #9a6d12 !important;
}
body.zamar-checkout-skin #payment div.payment_box a:hover {
	color: #7a5408 !important;
}

/* Primary buttons */
body.zamar-checkout-skin #place_order,
body.zamar-checkout-skin .woocommerce-button.button,
body.zamar-checkout-skin .woocommerce button.button.alt,
body.zamar-checkout-skin .wc-block-components-checkout-place-order-button,
body.zamar-checkout-skin .wc-block-components-button:not(.is-link) {
	background: var(--zamar-ck-amber) !important;
	border-color: var(--zamar-ck-amber) !important;
	color: var(--zamar-ck-btn-text) !important;
	font-weight: 700 !important;
	letter-spacing: 1.2px !important;
	text-transform: uppercase !important;
	border-radius: 2px !important;
	box-shadow: none !important;
}
body.zamar-checkout-skin #place_order:hover,
body.zamar-checkout-skin .wc-block-components-checkout-place-order-button:hover,
body.zamar-checkout-skin .wc-block-components-button:not(.is-link):hover {
	background: var(--zamar-ck-amber-hi) !important;
	border-color: var(--zamar-ck-amber-hi) !important;
	color: var(--zamar-ck-btn-text) !important;
}

/* Notices */
body.zamar-checkout-skin .woocommerce-info,
body.zamar-checkout-skin .woocommerce-message,
body.zamar-checkout-skin .woocommerce-error,
body.zamar-checkout-skin .wc-block-components-notice-banner {
	background: var(--zamar-ck-surface) !important;
	border-color: var(--zamar-ck-line) !important;
	color: var(--zamar-ck-text) !important;
}
body.zamar-checkout-skin .woocommerce-info::before,
body.zamar-checkout-skin .woocommerce-message::before {
	color: var(--zamar-ck-amber) !important;
}

/* Links */
body.zamar-checkout-skin .woocommerce a,
body.zamar-checkout-skin .wc-block-components-checkout-return-to-cart-button {
	color: var(--zamar-ck-amber-hi) !important;
}
body.zamar-checkout-skin .woocommerce a:hover {
	color: var(--zamar-ck-amber) !important;
}

/* Checkout blocks shell */
body.zamar-checkout-skin .wp-block-woocommerce-checkout,
body.zamar-checkout-skin .wc-block-checkout {
	color: var(--zamar-ck-text);
}
body.zamar-checkout-skin .wc-block-components-sidebar-layout,
body.zamar-checkout-skin .wc-block-checkout__main,
body.zamar-checkout-skin .wc-block-components-panel {
	background: transparent !important;
	color: var(--zamar-ck-text) !important;
}
body.zamar-checkout-skin .wc-block-components-panel,
body.zamar-checkout-skin .wc-block-checkout__shipping-option,
body.zamar-checkout-skin .wc-block-components-address-form {
	border-color: var(--zamar-ck-line) !important;
}

/* Thank-you / order received */
body.zamar-checkout-skin.woocommerce-order-received .woocommerce-order,
body.zamar-checkout-skin .woocommerce-order-overview,
body.zamar-checkout-skin .woocommerce-customer-details,
body.zamar-checkout-skin .woocommerce-order-details {
	background: var(--zamar-ck-surface);
	border: 1px solid var(--zamar-ck-line);
	border-radius: 10px;
	padding: 24px;
	margin-bottom: 24px;
	color: var(--zamar-ck-text);
}
body.zamar-checkout-skin .woocommerce-thankyou-order-received {
	font-family: var(--zamar-ck-display);
	font-size: clamp(28px, 4vw, 42px);
	letter-spacing: 1px;
	text-transform: uppercase;
	color: var(--zamar-ck-cream) !important;
}

@media (max-width: 782px) {
	body.zamar-checkout-skin #main-content {
		padding-top: 28px !important;
	}
	body.zamar-checkout-skin .woocommerce-checkout,
	body.zamar-checkout-skin .woocommerce-order {
		padding: 12px 14px 48px;
	}
}

/* Order notes / Additional information — digital goods don't need delivery notes */
body.zamar-checkout-skin .woocommerce-additional-fields,
body.zamar-checkout-skin .woocommerce-additional-fields__field-wrapper,
body.zamar-checkout-skin #order_comments_field,
body.zamar-checkout-skin .wc-block-checkout__order-notes,
body.zamar-checkout-skin .wc-block-components-checkout-step--order-note {
	display: none !important;
}

/*
 * Klarna / Afterpay / Cash App / BNPL expanded panels — cream plate + dark text.
 * Beats #order_review / .woocommerce a cascade that left pale-on-cream copy.
 */
body.zamar-checkout-skin #payment .payment_method_klarna .payment_box,
body.zamar-checkout-skin #payment .payment_method_afterpay_clearpay .payment_box,
body.zamar-checkout-skin #payment .payment_method_afterpay .payment_box,
body.zamar-checkout-skin #payment .payment_method_stripe_klarna .payment_box,
body.zamar-checkout-skin #payment .payment_method_stripe_afterpay_clearpay .payment_box,
body.zamar-checkout-skin #payment li[class*="klarna"] .payment_box,
body.zamar-checkout-skin #payment li[class*="afterpay"] .payment_box,
body.zamar-checkout-skin #payment li[class*="clearpay"] .payment_box,
body.zamar-checkout-skin #payment div.payment_box {
	background: var(--zamar-ck-field-bg) !important;
	background-color: var(--zamar-ck-field-bg) !important;
	border: 1px solid var(--zamar-ck-field-border) !important;
	border-radius: 8px !important;
	color: var(--zamar-ck-field-text) !important;
}
body.zamar-checkout-skin #payment .payment_method_klarna .payment_box,
body.zamar-checkout-skin #payment .payment_method_klarna .payment_box p,
body.zamar-checkout-skin #payment .payment_method_klarna .payment_box span,
body.zamar-checkout-skin #payment .payment_method_klarna .payment_box div,
body.zamar-checkout-skin #payment .payment_method_klarna .payment_box li,
body.zamar-checkout-skin #payment .payment_method_afterpay_clearpay .payment_box,
body.zamar-checkout-skin #payment .payment_method_afterpay_clearpay .payment_box p,
body.zamar-checkout-skin #payment .payment_method_afterpay_clearpay .payment_box span,
body.zamar-checkout-skin #payment .payment_method_afterpay_clearpay .payment_box div,
body.zamar-checkout-skin #payment .payment_method_afterpay .payment_box,
body.zamar-checkout-skin #payment .payment_method_afterpay .payment_box p,
body.zamar-checkout-skin #payment .payment_method_afterpay .payment_box span,
body.zamar-checkout-skin #payment .payment_method_afterpay .payment_box div,
body.zamar-checkout-skin #payment li[class*="klarna"] .payment_box,
body.zamar-checkout-skin #payment li[class*="klarna"] .payment_box *:not(img):not(svg):not(path):not(g):not(a),
body.zamar-checkout-skin #payment li[class*="afterpay"] .payment_box,
body.zamar-checkout-skin #payment li[class*="afterpay"] .payment_box *:not(img):not(svg):not(path):not(g):not(a),
body.zamar-checkout-skin #payment li[class*="clearpay"] .payment_box,
body.zamar-checkout-skin #payment li[class*="clearpay"] .payment_box *:not(img):not(svg):not(path):not(g):not(a),
body.zamar-checkout-skin #payment div.payment_box p,
body.zamar-checkout-skin #payment div.payment_box span,
body.zamar-checkout-skin #payment div.payment_box div,
body.zamar-checkout-skin #payment div.payment_box li,
body.zamar-checkout-skin #payment div.payment_box strong,
body.zamar-checkout-skin #payment div.payment_box small {
	color: var(--zamar-ck-field-text) !important;
	opacity: 1 !important;
}
body.zamar-checkout-skin #payment li[class*="klarna"] .payment_box a,
body.zamar-checkout-skin #payment li[class*="afterpay"] .payment_box a,
body.zamar-checkout-skin #payment li[class*="clearpay"] .payment_box a,
body.zamar-checkout-skin #payment div.payment_box a {
	color: #9a6d12 !important;
	text-decoration: underline;
}
body.zamar-checkout-skin #payment ul.payment_methods > li > label,
body.zamar-checkout-skin #payment ul.payment_methods > li > label * {
	color: #fff !important;
}

/* ---------- Akai-style two-column layout + delivery indicators ---------- */
body.zamar-checkout-skin.zamar-ck-has-layout .woocommerce-checkout {
	max-width: 1180px;
}
/*
 * Grid areas:
 *   [ main (billing) ] [ sidebar (cart overview) ]
 *   [ payment        ] [ sidebar (spans rows)    ]
 */
body.zamar-checkout-skin .zamar-ck-layout {
	display: grid;
	grid-template-columns: 1fr minmax(280px, 380px);
	grid-template-areas:
		"main sidebar"
		"payment sidebar";
	gap: 28px 40px;
	align-items: start;
}
body.zamar-checkout-skin .zamar-ck-main {
	grid-area: main;
	min-width: 0;
}
body.zamar-checkout-skin .zamar-ck-payment {
	grid-area: payment;
	min-width: 0;
}
body.zamar-checkout-skin .zamar-ck-sidebar {
	grid-area: sidebar;
	min-width: 0;
	position: sticky;
	top: calc(var(--zamar-admin-offset, 0px) + 88px);
	z-index: 2;
	align-self: start;
	background: var(--zamar-ck-surface);
	border: 1px solid var(--zamar-ck-line);
	border-radius: 10px;
	padding: 18px 18px 16px;
	box-sizing: border-box;
}
/* Sidebar is cart overview only — strip nested #order_review chrome */
body.zamar-checkout-skin.zamar-ck-has-layout .zamar-ck-sidebar #order_review,
body.zamar-checkout-skin.zamar-ck-has-layout .zamar-ck-sidebar .woocommerce-checkout-review-order {
	background: transparent !important;
	border: 0 !important;
	border-radius: 0;
	padding: 0 !important;
	box-shadow: none !important;
}
body.zamar-checkout-skin.zamar-ck-has-layout #order_review_heading {
	display: none !important;
}

/* Billing / contact as a bordered section (Akai-like boxes) */
body.zamar-checkout-skin.zamar-ck-has-layout #customer_details {
	margin: 0;
	padding: 0;
	border: 1px solid var(--zamar-ck-line);
	border-radius: 8px;
	overflow: hidden;
	background: var(--zamar-ck-surface);
}
body.zamar-checkout-skin.zamar-ck-has-layout #customer_details .col-1,
body.zamar-checkout-skin.zamar-ck-has-layout #customer_details .col-2,
body.zamar-checkout-skin.zamar-ck-has-layout #customer_details .woocommerce-billing-fields,
body.zamar-checkout-skin.zamar-ck-has-layout #customer_details .woocommerce-shipping-fields,
body.zamar-checkout-skin.zamar-ck-has-layout #customer_details .woocommerce-account-fields {
	width: 100% !important;
	float: none !important;
	max-width: none !important;
	padding: 0 18px 18px !important;
	margin: 0 !important;
}
body.zamar-checkout-skin.zamar-ck-has-layout #customer_details .woocommerce-billing-fields > h3,
body.zamar-checkout-skin.zamar-ck-has-layout #customer_details .woocommerce-shipping-fields > h3 {
	margin: 0 -18px 16px !important;
	padding: 12px 18px !important;
	background: color-mix(in srgb, var(--zamar-ck-line) 55%, var(--zamar-ck-bg2));
	border-bottom: 1px solid var(--zamar-ck-line);
	font-family: var(--zamar-ck-body) !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	letter-spacing: 0.4px;
	text-transform: uppercase;
	color: var(--zamar-ck-cream) !important;
}
body.zamar-checkout-skin.zamar-ck-has-layout #customer_details .col2-set::after,
body.zamar-checkout-skin.zamar-ck-has-layout #customer_details::after {
	display: none !important;
}

/* Payment block sits under billing on the left — not in the cart card */
body.zamar-checkout-skin.zamar-ck-has-layout .zamar-ck-payment #payment,
body.zamar-checkout-skin.zamar-ck-has-layout .zamar-ck-payment .woocommerce-checkout-payment {
	margin: 0 !important;
}

/* Cart Overview header */
body.zamar-checkout-skin .zamar-ck-overview-head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
	margin: 0 0 14px;
	padding-bottom: 12px;
	border-bottom: 1px solid var(--zamar-ck-line);
}
body.zamar-checkout-skin .zamar-ck-overview-title {
	margin: 0 !important;
	font-family: var(--zamar-ck-display) !important;
	font-size: 26px !important;
	font-weight: 400 !important;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: var(--zamar-ck-cream) !important;
	line-height: 1.1;
}
body.zamar-checkout-skin .zamar-ck-back-cart {
	flex: 0 0 auto;
	font-size: 13px;
	font-weight: 600;
	color: var(--zamar-ck-amber) !important;
	text-decoration: none !important;
	white-space: nowrap;
}
body.zamar-checkout-skin .zamar-ck-back-cart:hover {
	color: var(--zamar-ck-amber-hi) !important;
	text-decoration: underline !important;
}

/* Digital note in cart overview */
body.zamar-checkout-skin .zamar-ck-digital-note {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin: 0 0 16px;
	padding: 10px 12px;
	border-radius: 6px;
	background: color-mix(in srgb, #3a7ca5 22%, var(--zamar-ck-bg2));
	border: 1px solid color-mix(in srgb, #3a7ca5 45%, var(--zamar-ck-line));
	color: var(--zamar-ck-cream);
	font-size: 13px;
	font-weight: 500;
	line-height: 1.4;
}
body.zamar-checkout-skin .zamar-ck-digital-note-icon {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	margin-top: 1px;
	border-radius: 50%;
	background: #3a7ca5;
	color: #fff;
	font-family: var(--zamar-ck-body);
	font-size: 11px;
	font-weight: 700;
	font-style: italic;
	line-height: 1;
}
body.zamar-checkout-skin .zamar-ck-digital-note-text {
	color: var(--zamar-ck-cream) !important;
}

/* Delivery Method card (left, above billing box) */
body.zamar-checkout-skin .zamar-ck-delivery {
	margin: 0 0 22px;
	border: 1px solid var(--zamar-ck-line);
	border-radius: 8px;
	overflow: hidden;
	background: var(--zamar-ck-surface);
}
body.zamar-checkout-skin .zamar-ck-delivery-title {
	padding: 10px 16px;
	background: color-mix(in srgb, var(--zamar-ck-line) 55%, var(--zamar-ck-bg2));
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.4px;
	text-transform: uppercase;
	color: var(--zamar-ck-cream);
	border-bottom: 1px solid var(--zamar-ck-line);
}
body.zamar-checkout-skin .zamar-ck-delivery-body {
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 14px 16px 16px;
}
body.zamar-checkout-skin .zamar-ck-delivery-head {
	font-size: 15px;
	font-weight: 700;
	color: var(--zamar-ck-text) !important;
}
body.zamar-checkout-skin .zamar-ck-delivery-text {
	font-size: 14px;
	font-weight: 400;
	color: var(--zamar-ck-cream-dim) !important;
	line-height: 1.4;
}

@media (max-width: 959px) {
	body.zamar-checkout-skin .zamar-ck-layout {
		grid-template-columns: 1fr;
		grid-template-areas:
			"main"
			"sidebar"
			"payment";
		gap: 24px;
	}
	body.zamar-checkout-skin .zamar-ck-sidebar {
		position: static;
		top: auto;
	}
}

/* Post-purchase "Discover more" band (order-received page).
 * The .zamar block carousel is self-contained (dark, own CSS vars) — this
 * just gives it a full card-width band + breathing room under the order details. */
body.zamar-checkout-skin .zamar-order-discover {
	margin: 36px 0 10px;
	padding: 34px 28px 38px;
	background: #14100b;
	border-radius: 14px;
	overflow: hidden;
}
body.zamar-checkout-skin .zamar-order-discover .zamar-carousel-head h2 {
	font-size: clamp(26px, 3.4vw, 40px);
	margin-bottom: 20px;
}
@media (max-width: 782px) {
	body.zamar-checkout-skin .zamar-order-discover {
		padding: 24px 16px 28px;
		margin-top: 26px;
	}
}