/* Keep Blocksy's form geometry and surfaces; only darken its neutral boundary. */
body.woocommerce-checkout.nx-checkout-clarity :is(form.checkout, form.checkout_coupon),
body.woocommerce-cart.nx-checkout-clarity input[name="coupon_code"] {
	--theme-form-field-border-initial-color: var(--theme-palette-color-5);
	--theme-form-field-border-focus-color: var(--theme-palette-color-1);
	--theme-form-field-background-initial-color: var(--theme-palette-color-7);
	--theme-form-field-background-focus-color: var(--theme-palette-color-6);
	--theme-form-selection-field-initial-color: var(--theme-form-field-border-initial-color);
}
@supports (color: color-mix(in srgb, black, white)) {
	body.woocommerce-checkout.nx-checkout-clarity :is(form.checkout, form.checkout_coupon),
	body.woocommerce-cart.nx-checkout-clarity input[name="coupon_code"] {
		--theme-form-field-border-initial-color: color-mix(in srgb, var(--theme-palette-color-5) 65%, var(--theme-palette-color-3));
	}
}
/* Restate native token-driven properties to override the older mobile-v2 layer. */
body.woocommerce-checkout.nx-checkout-clarity :is(form.checkout, form.checkout_coupon) .form-row :is(input.input-text, textarea, select, .select2-selection--single),
body.woocommerce-cart.nx-checkout-clarity input[name="coupon_code"] {
	border-width: var(--theme-form-field-border-width, 1px);
	border-color: var(--theme-form-field-border-initial-color);
	background-color: var(--theme-form-field-background-initial-color);
	outline: max(2px, var(--theme-form-field-border-width, 1px)) solid transparent;
	outline-offset: calc(var(--theme-form-field-border-width, 1px) * -1);
}
body.woocommerce-checkout.nx-checkout-clarity :is(form.checkout, form.checkout_coupon) .form-row :is(input.input-text, textarea, select):focus,
body.woocommerce-cart.nx-checkout-clarity input[name="coupon_code"]:focus,
body.woocommerce-checkout.nx-checkout-clarity form.checkout .form-row .select2-container--focus .select2-selection--single,
body.woocommerce-checkout.nx-checkout-clarity form.checkout .form-row .select2-container--open .select2-selection--single {
	border-color: var(--theme-form-field-border-focus-color);
	outline-color: var(--theme-form-field-border-focus-color);
	background-color: var(--theme-form-field-background-focus-color);
}
/* Use the normal form height, not the cart template's button-height override. */
body.woocommerce-cart.nx-checkout-clarity input[name="coupon_code"] {
	--theme-form-field-height: inherit;
}
/* One state color owns BOTH native border and focus outline, including on mobile. */
body.woocommerce-checkout.nx-checkout-clarity form.checkout .form-row.woocommerce-invalid {
	--theme-form-field-border-initial-color: var(--nx-error, #e2401c);
	--theme-form-field-border-focus-color: var(--nx-error, #e2401c);
}
body.woocommerce-checkout.nx-checkout-clarity form.checkout .form-row.woocommerce-invalid :is(input.input-text, textarea, select, .select2-selection--single) {
	border-width: var(--theme-form-field-border-width, 1px);
	border-color: var(--theme-form-field-border-initial-color);
}
/* Consent and theme controls read the same native selection token. */
body.woocommerce-checkout.nx-checkout-clarity form.checkout :is(input[type="checkbox"], #zaznacz_wszystkie, #nexora_ruo_consent, #nexora_klaviyo_newsletter, #ship-to-different-address-checkbox):not(:checked) {
	border-color: var(--theme-form-selection-field-initial-color);
}