/*
 * ABDigitizing checkout restyle, direction B ("two columns", sticky order card).
 * Loaded by mu-plugins/abdigitizing-checkout-style.php on the checkout (page 367)
 * and the order-pay page only, after every other stylesheet (priority 100000).
 *
 * Spec: docs/audit-2026-09-12/checkout-visual/design-B.md (tokens in section 1,
 * layout in 2, per-element treatments in 3). Owner adjustments (2026-09-14):
 * mobile keeps today's section order with the summary always open (no accordion),
 * the coupon stays a link on mobile and is inline on desktop, accent #287297.
 *
 * Specificity notes. Three stylesheets fight over the same nodes:
 *   FunnelKit's per-form inline CSS:
 *     .wfacp-checkout-form-block.wfacp-baa6f5a9 #wfacp-e-form .wfacp_main_form.woocommerce #payment button#place_order
 *     (3 ids, 4 classes) with !important on colours.
 *   payu-checkout-v2.css (1.11.0, priority 99999, !important everywhere):
 *     body #wfacp-e-form .wfacp_main_form.woocommerce #payment .payment_methods li.wc_payment_method:has(input[name="payment_method"]:checked)::after
 *   tips.css: #abdig-tips.abdig-tips ... with !important on the pills.
 * Every rule here starts from one of two prefixes and carries !important where the
 * rule it beats does:
 *   body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form            (1 id, 2 classes)
 *   body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment
 * That is always at least one class above the rule it replaces; on a tie this file
 * still wins because it is printed last. No markup is changed by this file; the
 * extra nodes (.abdig-ck-*) come from the PHP hooks in the plugin file.
 *
 * Both pages carry body.woocommerce-checkout (order-pay adds .woocommerce-order-pay).
 * Nothing here applies to the thank-you page (the plugin does not enqueue it there).
 */

/* ==========================================================================
   0. Tokens
   ========================================================================== */
body.woocommerce-checkout {
	--ck-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	--ck-ink: #192a3d;
	--ck-ink-2: #3A4F66;
	--ck-line: #e1e8ed;
	--ck-line-hover: #c9d4dc;
	--ck-surface-2: #f2f5f7;
	--ck-ground: #FAFBFC;
	--ck-white: #fff;
	--ck-accent: #287297;
	--ck-accent-hover: #358cb8;       /* outlined and tinted controls only (accent text on tint stays 4.7:1) */
	--ck-accent-hover-fill: #22617f;  /* filled buttons: white text 6.8:1 (#358cb8 would be 3.75:1) */
	--ck-tint: #eaf3fa;
	--ck-focus: 0 0 0 3px rgba(40, 114, 151, .45); /* text inputs; every other control gets a solid outline on :focus-visible */
	--ck-outline: 2px solid #287297;
	--ck-error: #cc0033;
	--ck-error-bg: #fce4e4;
	--ck-amber: #f5a623;
	--ck-amber-bg: #fffaf0;
	--ck-amber-line: #f0d9a6;
	--ck-r-s: 8px;
	--ck-r-m: 12px;
	--ck-r-pill: 999px;
	--ck-s1: 4px;
	--ck-s2: 8px;
	--ck-s3: 12px;
	--ck-s4: 16px;
	--ck-s5: 24px;
	--ck-s6: 32px;
	--ck-s7: 40px;
	--ck-t: background-color .12s ease, border-color .12s ease, color .12s ease, box-shadow .12s ease;

	background: var(--ck-ground) !important;
}

/* ==========================================================================
   1. Page chrome: theme header trimmed to the logo bar, theme footer off,
      the white page card removed, container widened to 1120
   ========================================================================== */
body.woocommerce-checkout header#header [data-row="bottom"],
body.woocommerce-checkout header#header [data-device="desktop"] [data-row="middle"] [data-column="end"],
body.woocommerce-checkout header#header [data-device="mobile"] .ct-header-trigger,
body.woocommerce-checkout header#header [data-device="mobile"] .ct-header-search,
body.woocommerce-checkout header#header .ct-header-cart,
body.woocommerce-checkout footer#footer,
body.woocommerce-checkout .ct-back-to-top,
body.woocommerce-checkout .abdig-pay-footer,
/* McAfee/Norton figures and the two icon-list check lines: the two SlingBlocks
   sections nested after the form inside the page card (hashes as of 2026-09-14). */
body.woocommerce-checkout .entry-content .bwf-section-25a66743,
body.woocommerce-checkout .entry-content .bwf-section-d25e9f4f {
	display: none !important;
}
/* The structural match for a re-saved page (new hashes) lives in its own rule:
   a browser without :has() drops the whole selector list it appears in. */
body.woocommerce-checkout .entry-content .bwf-section-wrap:has(> .bwf-col > .bwf-inner-col > figure.wp-block-image),
body.woocommerce-checkout .entry-content .bwf-section-wrap:has(> .bwf-col > .bwf-inner-col > .bwf-icon-list-wrap) {
	display: none !important;
}

/* Sticky needs the viewport to be the scroll container. FunnelKit prints
   html { overflow: auto !important } on its checkout pages and Blocksy sets
   body { overflow-x: hidden }; with html's overflow explicitly non-visible the
   body value stops propagating to the viewport, so BODY becomes a scroll
   container that never scrolls and position: sticky is inert. Body goes back to
   visible; the horizontal clip moves to html (that rule needs :has() and only
   keeps Blocksy's clip, sticky works without it). */
body.woocommerce-checkout {
	overflow: visible !important;
}
html:has(> body.woocommerce-checkout) {
	overflow-x: hidden !important;
	overflow-y: auto !important;
}

body.woocommerce-checkout header#header [data-device="mobile"] [data-row="middle"] > .ct-container {
	justify-content: center;
}

/* The section that holds the title and the form: 1120 wide, no card */
body.woocommerce-checkout .entry-content .bwf-section-wrap:has(#wfacp-e-form) {
	padding: 0 0 48px !important;
	margin: 0 !important;
	overflow: visible !important;
}
body.woocommerce-checkout .entry-content .bwf-section-wrap:has(#wfacp-e-form) > .bwf-col {
	max-width: 1120px !important;
	width: 100% !important;
	padding: 0 24px !important;
	box-sizing: border-box !important;
	overflow: visible !important;
}
body.woocommerce-checkout .entry-content .bwf-section-wrap .bwf-col .bwf-inner-col:has(#wfacp-e-form) {
	background: transparent !important;
	padding: 0 !important;
	margin: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	overflow: visible !important;
}
body.woocommerce-checkout .entry-content,
body.woocommerce-checkout .ct-container-full,
body.woocommerce-checkout article,
body.woocommerce-checkout main#main {
	overflow: visible !important; /* sticky needs no clipping ancestor */
}
body.woocommerce-checkout .entry-content > div:has(#wfacp-e-form) {
	overflow: visible !important;
}
body.woocommerce-checkout .ct-container-full[data-vertical-spacing] {
	padding-top: 0 !important;
	padding-bottom: 0 !important; /* the section below carries the bottom gap; Blocksy added another 35 px */
}
body.woocommerce-order-pay .entry-content .bwf-section-wrap:has(#wfacp-e-form) {
	padding-top: 24px !important;
	padding-bottom: 24px !important; /* a short order fits on one screen with the band on the bottom edge */
}

/* Page title (the Kadence heading above the form) */
body.woocommerce-checkout .entry-content h2.wp-block-kadence-advancedheading {
	font-family: var(--ck-font) !important;
	font-size: 28px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	letter-spacing: -0.01em !important;
	color: var(--ck-ink) !important;
	margin: 0 !important;
	padding: 0 0 8px !important;
}

/* ==========================================================================
   2. Stepper (.my-chk-*): no pulse, no fill animation, visible pending line
   ========================================================================== */
body.woocommerce-checkout .my-chk-wrapper {
	max-width: 520px !important;
	margin: 32px auto !important;
	padding: 0 !important;
	font-family: var(--ck-font) !important;
}
body.woocommerce-checkout .my-chk-step {
	width: 96px !important;
}
body.woocommerce-checkout .my-chk-line {
	height: 2px !important;
	margin: 13px 4px 0 !important;
	border-radius: 0 !important;
	background: var(--ck-line) !important;
	transform: none !important;
}
body.woocommerce-checkout .my-chk-line::before {
	animation: none !important;
	background: var(--ck-accent) !important;
	border-radius: 0 !important;
	width: 0 !important;
}
body.woocommerce-checkout .my-chk-line.my-chk-completed::before,
body.woocommerce-checkout .my-chk-line.my-chk-fill-on-load::before {
	width: 100% !important;
}
body.woocommerce-checkout .my-chk-circle {
	width: 28px !important;
	height: 28px !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	animation: none !important;
	box-shadow: none !important;
	transition: none !important;
}
body.woocommerce-checkout .my-chk-step.my-chk-completed .my-chk-circle {
	background: var(--ck-accent) !important;
	border: 0 !important;
	color: #fff !important;
}
body.woocommerce-checkout .my-chk-step.my-chk-active .my-chk-circle {
	background: #fff !important;
	border: 2px solid var(--ck-accent) !important;
	color: var(--ck-accent) !important;
	animation: none !important; /* the 2 s pulse; the block's own rule is (0,3,0), this is (0,4,1) */
	box-shadow: none !important;
}
body.woocommerce-checkout .my-chk-step.my-chk-pending .my-chk-circle {
	background: #fff !important;
	border: 1.5px solid var(--ck-ink-2) !important; /* #e1e8ed on white was near invisible */
	color: var(--ck-ink-2) !important;
}
body.woocommerce-checkout .my-chk-label {
	font-size: 13px !important;
	font-weight: 500 !important;
	margin-top: 8px !important;
	transition: none !important;
}
body.woocommerce-checkout .my-chk-step.my-chk-completed .my-chk-label,
body.woocommerce-checkout .my-chk-step.my-chk-active .my-chk-label {
	color: var(--ck-ink) !important;
	font-weight: 500 !important;
}
body.woocommerce-checkout .my-chk-step.my-chk-pending .my-chk-label {
	color: var(--ck-ink-2) !important;
}

/* ==========================================================================
   3. One family, one scale, inside the form
   ========================================================================== */
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form *:not(i):not(svg):not(svg *) {
	font-family: var(--ck-font) !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form {
	color: var(--ck-ink);
	font-size: 16px;
	line-height: 1.5;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .woocommerce-Price-amount,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .payu-input {
	font-variant-numeric: tabular-nums;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form a:not(.button):not(.abdig-tips__pill) {
	color: var(--ck-accent) !important;
	text-decoration: none !important;
	transition: var(--ck-t);
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form a:not(.button):not(.abdig-tips__pill):hover,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form a:not(.button):not(.abdig-tips__pill):focus-visible {
	color: var(--ck-accent) !important; /* #358cb8 on white is 3.75:1; the underline carries the state */
	text-decoration: underline !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form a:not(.button):not(.abdig-tips__pill):focus-visible {
	outline: var(--ck-outline) !important;
	outline-offset: 2px !important;
	border-radius: 2px;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form button,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form input,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form select,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form label {
	transition: var(--ck-t) !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form button:hover,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form a:hover {
	transform: none !important;
}

/* The form wrapper itself: no card, no padding (the page ground is the ground) */
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp-form,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce {
	background: transparent !important;
	box-shadow: none !important;
	border: 0 !important;
	padding: 0 !important;
	max-width: 100% !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_form_steps,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_collapsible_order_summary_wrap {
	display: none !important; /* FunnelKit's own step header and the mobile accordion: never shown */
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp-row {
	padding-left: 0 !important; /* the page's "padding-left: 5px" inset */
	padding-right: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce .wfacp-section.step_0 .wfacp-row {
	justify-content: space-between !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce .wfacp-section.step_0 .wfacp-row > p.form-row {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* Section headings: 20/600 sentence-case is a FunnelKit text setting; the look is ours */
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce h2.wfacp_section_heading,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce .wfacp_section_title {
	font-family: var(--ck-font) !important;
	font-size: 20px !important;
	font-weight: 600 !important;
	line-height: 1.3 !important;
	color: var(--ck-ink) !important;
	margin: 0 !important;
	padding: 0 !important;
	text-align: left !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce .wfacp-section .wfacp-comm-title {
	margin: 0 0 16px !important;
	padding: 0 !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce .wfacp-section {
	margin: 0 0 32px !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}
/* "All transactions are secure and encrypted..." under Payment: said once, under the button */
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_payment .wfacp-comm-title h4 {
	display: none !important;
}

/* Returning customer line */
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form .woocommerce-form-login-toggle .woocommerce-info {
	background: transparent !important;
	border: 0 !important;
	padding: 0 !important;
	margin: 0 0 24px !important;
	font-size: 14px !important;
	line-height: 1.5 !important;
	color: var(--ck-ink-2) !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form .woocommerce-form-login-toggle .woocommerce-info::before {
	display: none !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form .woocommerce-form-login-toggle .woocommerce-info a {
	color: var(--ck-accent) !important;
	display: inline-flex !important;
	align-items: center !important;
	min-height: 44px !important; /* 8 px padding on a 21 px line gave 37 px */
	padding: 0 !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form .wfacp-login-wrapper form.login {
	margin: 0 0 24px !important;
	padding: 20px !important;
	border: 1px solid var(--ck-line) !important;
	border-radius: var(--ck-r-m) !important;
	background: var(--ck-white) !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form .wfacp-login-wrapper form.login p {
	font-size: 14px !important;
	color: var(--ck-ink-2) !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form .wfacp-login-wrapper form.login p.wfacp-remember-me label,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form .wfacp-login-wrapper form.login p.wfacp-remember-me label span {
	color: var(--ck-ink) !important;
	font-size: 14px !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form .wfacp-login-wrapper button.wfacp-login-btn {
	height: 48px !important;
	min-height: 48px !important;
	padding: 0 20px !important;
	border: 1.5px solid var(--ck-accent) !important;
	border-radius: var(--ck-r-s) !important;
	background: var(--ck-white) !important;
	color: var(--ck-accent) !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	text-transform: none !important;
	width: auto !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form .wfacp-login-wrapper button.wfacp-login-btn:hover {
	background: var(--ck-tint) !important;
	color: var(--ck-accent) !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form .wfacp-login-wrapper button.wfacp-login-btn:focus-visible {
	outline: var(--ck-outline) !important;
	outline-offset: 2px !important;
}

/* WooCommerce notices: one red */
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .woocommerce-error,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .woocommerce-checkout > ul:not(.wc_payment_methods) {
	background: var(--ck-error-bg) !important;
	border: 0 !important;
	border-left: 4px solid var(--ck-error) !important;
	border-radius: var(--ck-r-s) !important;
	color: var(--ck-error) !important;
	padding: 12px 16px !important;
	margin: 0 0 24px !important;
	font-size: 14px !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .woocommerce-error li {
	font-size: 14px !important;
	line-height: 1.5 !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .woocommerce-info.abdig-partial-notice {
	background: var(--ck-tint) !important;
	border: 1px solid var(--ck-line) !important;
	border-radius: var(--ck-r-s) !important;
	color: var(--ck-ink) !important;
	padding: 12px 16px !important;
	margin: 0 0 24px !important;
	font-size: 14px !important;
	line-height: 1.5 !important;
}

/* ==========================================================================
   4. Fields: static label above (FunnelKit's floating "modern label" retired),
      48 px inputs, radius 8, one border colour
   ========================================================================== */
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp-form.wfacp-modern-label .wfacp_main_form p.wfacp-form-control-wrapper label.wfacp-form-control-label,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp-form.wfacp-modern-label .wfacp_main_form p.wfacp-form-control-wrapper.wfacp-anim-wrap label.wfacp-form-control-label,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce p.wfacp-form-control-wrapper label.wfacp-form-control-label {
	position: static !important;
	display: block !important;
	opacity: 1 !important;
	transform: none !important;
	transition: none !important;
	top: auto !important;
	right: auto !important;
	left: auto !important;
	margin: 0 0 8px !important;
	padding: 0 !important;
	font-family: var(--ck-font) !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	line-height: 1.3 !important;
	color: var(--ck-ink-2) !important;
	background: transparent !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce p.wfacp-form-control-wrapper:focus-within label.wfacp-form-control-label {
	color: var(--ck-ink) !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce p.wfacp-form-control-wrapper label.wfacp-form-control-label abbr.required,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce p.wfacp-form-control-wrapper label.wfacp-form-control-label .required {
	color: var(--ck-error) !important;
	font-size: 13px !important;
	text-decoration: none !important;
	border: 0 !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce p.wfacp-form-control-wrapper {
	margin: 0 0 12px !important;
	padding: 0 !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce p.wfacp-form-control-wrapper.wfacp_last_section_fields {
	margin-bottom: 0 !important;
}

/* The input recipe. Covers billing, login, coupon and card inputs (the card
   form has its own reinforcement in section 9 because PayU's rules use ids). */
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp-form.wfacp-modern-label .wfacp_main_form.woocommerce p.wfacp-form-control-wrapper input[type="text"],
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp-form.wfacp-modern-label .wfacp_main_form.woocommerce p.wfacp-form-control-wrapper input[type="email"],
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp-form.wfacp-modern-label .wfacp_main_form.woocommerce p.wfacp-form-control-wrapper input[type="tel"],
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp-form.wfacp-modern-label .wfacp_main_form.woocommerce p.wfacp-form-control-wrapper input[type="password"],
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce input[type="text"].wfacp-form-control,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce input[type="email"].wfacp-form-control,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce input[type="password"].wfacp-form-control,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce .woocommerce-input-wrapper .wfacp-form-control {
	box-sizing: border-box !important;
	height: 48px !important;
	min-height: 48px !important;
	padding: 0 14px !important;
	margin: 0 !important;
	border: 1px solid var(--ck-line) !important;
	border-radius: var(--ck-r-s) !important;
	background: var(--ck-white) !important;
	box-shadow: none !important;
	color: var(--ck-ink) !important;
	font-family: var(--ck-font) !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 46px !important;
	text-indent: 0 !important;
	transition: var(--ck-t) !important;
	outline: none !important;
}
/* State rules. The base above is (1,8,3) at most; each of these carries the same
   prefix plus one class so it sits above it whether or not FunnelKit has added
   .wfacp-anim-wrap (it does as soon as the input has a value). Order matters:
   invalid, then focus, so a focused invalid field still shows focus. */
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp-form.wfacp-modern-label .wfacp_main_form.woocommerce p.wfacp-form-control-wrapper input.input-text.wfacp-form-control:hover,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp-form.wfacp-modern-label .wfacp_main_form.woocommerce p.form-row input.input-text.wfacp-form-control:hover,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce .woocommerce-input-wrapper input.input-text.wfacp-form-control:hover {
	border-color: var(--ck-line-hover) !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp-form.wfacp-modern-label .wfacp_main_form.woocommerce p.wfacp-form-control-wrapper.woocommerce-invalid input.input-text.wfacp-form-control,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp-form.wfacp-modern-label .wfacp_main_form.woocommerce p.wfacp-form-control-wrapper.woocommerce-invalid-required-field input.input-text.wfacp-form-control,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp-form.wfacp-modern-label .wfacp_main_form.woocommerce p.wfacp-form-control-wrapper.woocommerce-invalid-email input.input-text.wfacp-form-control,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp-form.wfacp-modern-label .wfacp_main_form.woocommerce p.form-row.woocommerce-invalid input.input-text.wfacp-form-control,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp-form.wfacp-modern-label .wfacp_main_form.woocommerce p.form-row.woocommerce-invalid-required-field input.input-text.wfacp-form-control,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp-form.wfacp-modern-label .wfacp_main_form.woocommerce p.form-row.woocommerce-invalid-email input.input-text.wfacp-form-control {
	border-color: var(--ck-error) !important;
	box-shadow: none !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp-form.wfacp-modern-label .wfacp_main_form.woocommerce p.wfacp-form-control-wrapper input.input-text.wfacp-form-control:focus,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp-form.wfacp-modern-label .wfacp_main_form.woocommerce p.form-row input.input-text.wfacp-form-control:focus,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce .woocommerce-input-wrapper input.input-text.wfacp-form-control:focus {
	border-color: var(--ck-accent) !important;
	box-shadow: var(--ck-focus) !important;
	outline: none !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp-form.wfacp-modern-label .wfacp_main_form.woocommerce p.wfacp-form-control-wrapper.woocommerce-invalid input.input-text.wfacp-form-control:focus,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp-form.wfacp-modern-label .wfacp_main_form.woocommerce p.wfacp-form-control-wrapper.woocommerce-invalid-required-field input.input-text.wfacp-form-control:focus,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp-form.wfacp-modern-label .wfacp_main_form.woocommerce p.wfacp-form-control-wrapper.woocommerce-invalid-email input.input-text.wfacp-form-control:focus {
	border-color: var(--ck-error) !important;
	box-shadow: 0 0 0 3px rgba(204, 0, 51, .3) !important;
}
/* The label carries the field name now, so the placeholder ("First name *") goes quiet */
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce p.wfacp-form-control-wrapper .wfacp-form-control::placeholder {
	color: transparent !important;
	opacity: 0 !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce .wfacp_inline_error,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce label.error {
	font-size: 13px !important;
	color: var(--ck-error) !important;
	margin-top: 6px !important;
}
/* Helper under the email field (spec 3.5). Generated text: the field description
   setting in FunnelKit is the durable home for it. */
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce p#billing_email_field::after {
	content: "Your files and receipt go to this address.";
	display: block;
	margin-top: 8px;
	font-size: 13px;
	line-height: 1.4;
	color: var(--ck-ink-2);
}
/* Create-account row and the Google button block: quieter */
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce .woocommerce-account-fields {
	margin-top: 12px !important;
	width: 100% !important;
	flex: 0 0 100% !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce .woocommerce-account-fields .nsl-checkout-wrapper {
	border: 1px solid var(--ck-line) !important;
	border-radius: var(--ck-r-s) !important;
	background: var(--ck-white) !important;
	padding: 12px 14px !important;
	margin-top: 12px !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce .woocommerce-account-fields .nsl-checkout-wrapper p {
	font-size: 14px !important;
	color: var(--ck-ink-2) !important;
	margin-bottom: 8px !important;
}

/* ==========================================================================
   5. Order summary (section.step_1 on the checkout, the first section on
      order-pay): the "Your order" card.
      The card reads product > coupon > tip > totals > trust (spec 3.6) while
      FunnelKit prints the coupon and the tip AFTER the totals table. The table
      is flattened with display: contents so its tbody and tfoot become items
      of the card's flex column and can be ordered around the coupon and the
      tip; the rows are laid out as flex rows, so nothing depends on table
      layout. A browser without display: contents keeps the DOM order.
   ========================================================================== */
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce .wfacp-left-panel > .wfacp-section.step_1,
body.woocommerce-order-pay .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce .wfacp-left-panel > .wfacp-section:not(.wfacp_payment) {
	position: relative; /* the veil WooCommerce draws during a refresh stays inside the card */
	background: var(--ck-white) !important;
	border: 1px solid var(--ck-line) !important;
	border-radius: var(--ck-r-m) !important;
	padding: 20px !important;
	margin: 0 0 32px !important;
	box-sizing: border-box !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce .wfacp-section.step_1 .wfacp-comm-form-detail > .wfacp-row,
body.woocommerce-order-pay .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce .wfacp-left-panel > .wfacp-section:not(.wfacp_payment) .wfacp-comm-form-detail > .wfacp-row {
	display: flex !important;
	flex-direction: column !important;
	flex-wrap: nowrap !important;
	align-items: stretch !important;
	margin: 0 !important;
	padding: 0 !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce .wfacp-section.step_1 .wfacp-comm-form-detail > .wfacp-row > *,
body.woocommerce-order-pay .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce .wfacp-left-panel > .wfacp-section:not(.wfacp_payment) .wfacp-comm-form-detail > .wfacp-row > * {
	width: 100% !important;
	flex: 0 0 auto !important;
	float: none !important;
	box-sizing: border-box !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce label.wfacp-order-summary-label,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form table.shop_table thead {
	display: none !important;
}
/* Flatten: field wrapper, container and table become transparent to layout */
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp-section .wfacp-row > #order_summary_field,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #order_summary_field > .wfacp_order_summary_container,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #order_summary_field table.shop_table {
	display: contents !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #order_summary_field table.shop_table tbody {
	display: block !important;
	order: 1;
	width: 100%;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp-section .wfacp-row > #order_coupon_field {
	order: 2;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp-section .wfacp-row > .abdig-tips-wrap {
	order: 3;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #order_summary_field table.shop_table tfoot {
	display: block !important;
	order: 4;
	width: 100%;
	margin-top: 16px;
	padding-top: 10px;
	border-top: 1px solid var(--ck-line);
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp-section .wfacp-row > .abdig-ck-trust {
	order: 5;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp-section .wfacp-row > #wfacp-third-party-fields-wrap {
	order: 6;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #order_summary_field table.shop_table tr {
	display: flex !important;
	align-items: flex-start !important;
	justify-content: space-between !important;
	gap: 12px !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-sizing: border-box !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #order_summary_field table.shop_table th,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #order_summary_field table.shop_table td {
	display: block !important;
	border: 0 !important;
	background: transparent !important;
	padding: 0 !important;
	margin: 0 !important;
	width: auto !important;
	font-family: var(--ck-font) !important;
	text-align: left !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #order_summary_field table.shop_table {
	color: var(--ck-ink) !important; /* the snippet CSS printed late in <head> has color:#737373 at (1,4,2); this is (2,3,2) */
	font-size: 14px !important;
}

/* Product row: 64 px thumbnail, name that wraps, price on the first line */
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #order_summary_field table.shop_table tbody tr.cart_item {
	padding: 0 0 12px !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #order_summary_field table.shop_table tbody tr.cart_item + tr.cart_item {
	padding-top: 12px !important;
	border-top: 1px solid var(--ck-line) !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #order_summary_field table.shop_table tbody tr.cart_item td.product-name-area {
	display: flex !important;
	align-items: flex-start !important;
	gap: 12px !important;
	flex: 1 1 auto !important;
	min-width: 0 !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form table.shop_table tbody tr.cart_item .product-image {
	flex: none !important;
	margin: 0 !important;
	padding: 0 !important;
	width: 64px !important;
	max-width: none !important; /* FunnelKit caps it at 60px */
	height: auto !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form table.shop_table .wfacp-pro-thumb {
	position: relative !important;
	width: 64px !important;
	height: 64px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 1px solid var(--ck-line) !important;
	border-radius: var(--ck-r-m) !important;
	background: var(--ck-surface-2) !important;
	overflow: hidden !important;
	box-sizing: border-box !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form table.shop_table .wfacp-pro-thumb img {
	display: block !important;
	width: 100% !important;
	max-width: none !important; /* FunnelKit caps the image at 55px, which left a 7px strip of the box background on the right */
	height: 100% !important;
	object-fit: cover !important;
	border: 0 !important;
	border-radius: 0 !important;
	margin: 0 !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form table.shop_table .wfacp-qty-ball {
	display: none !important; /* the dark counter dot: the quantity is printed as a chip instead */
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form table.shop_table tbody tr.cart_item .product-name {
	flex: 1 1 auto !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 2px 0 0 !important;
	font-size: 16px !important;
	font-weight: 500 !important;
	line-height: 1.35 !important;
	color: var(--ck-ink) !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form table.shop_table tbody tr.cart_item:not(.abd-has-designs) .product-name .wfacp_order_summary_item_name {
	font-size: 16px !important;
	font-weight: 500 !important;
	color: var(--ck-ink) !important;
	display: block !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form table.shop_table tbody tr.cart_item:not(.abd-has-designs) .product-name strong.product-quantity {
	display: inline-block !important;
	margin: 6px 0 0 !important;
	padding: 0 8px !important;
	height: 22px !important;
	line-height: 22px !important;
	border-radius: var(--ck-r-pill) !important;
	background: var(--ck-surface-2) !important;
	color: var(--ck-ink-2) !important;
	font-size: 13px !important;
	font-weight: 500 !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #order_summary_field table.shop_table tbody tr.cart_item:not(.abd-has-designs) td.product-total {
	flex: none !important;
	text-align: right !important;
	white-space: nowrap !important;
	padding-top: 2px !important;
	font-size: 16px !important;
	font-weight: 500 !important;
	color: var(--ck-ink) !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form table.shop_table tbody tr.cart_item td.product-total .amount,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form table.shop_table tbody tr.cart_item td.product-total .amount bdi {
	font-size: 16px !important;
	font-weight: 500 !important;
	color: var(--ck-ink) !important;
}
/* Order-pay item meta (file name, format, size...) under the design name */
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form table.shop_table tbody tr.cart_item .product-name ul.wc-item-meta {
	margin: 6px 0 0 !important;
	padding: 0 !important;
	list-style: none !important;
	font-size: 13px !important;
	font-weight: 400 !important;
	line-height: 1.4 !important;
	color: var(--ck-ink-2) !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form table.shop_table tbody tr.cart_item .product-name ul.wc-item-meta li,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form table.shop_table tbody tr.cart_item .product-name ul.wc-item-meta p,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form table.shop_table tbody tr.cart_item .product-name ul.wc-item-meta strong {
	display: inline !important;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 13px !important;
	font-weight: 400 !important;
	color: var(--ck-ink-2) !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form table.shop_table tbody tr.cart_item .product-name ul.wc-item-meta li {
	display: block !important;
}
/* Order-pay designs block (abdigitizing-quote-form 0.2.0): tr.abd-has-designs rows
   replace the name, the quantity chip and the line total with their own rows. The
   plugin hides those three at (0,2,2); the three rules above skip such rows and the
   generic td rule (display: block at (2,3,3)) needs this explicit hide. The rows of
   consecutive design items read as one list: no gap or rule between them, the block
   draws its own lines (and drops the last one of the last design item, so the row
   after it keeps the usual top rule). */
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #order_summary_field table.shop_table tbody tr.cart_item.abd-has-designs .wfacp_order_summary_item_name,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #order_summary_field table.shop_table tbody tr.cart_item.abd-has-designs strong.product-quantity,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #order_summary_field table.shop_table tbody tr.cart_item.abd-has-designs td.product-total {
	display: none !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form table.shop_table tbody tr.cart_item.abd-has-designs .product-name {
	padding: 0 !important;
	font-weight: 400 !important; /* the block sets its own weights; the rest inherits the body default */
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #order_summary_field table.shop_table tbody tr.cart_item.abd-has-designs:not(:last-child) {
	padding-bottom: 0 !important;
}
/* A single design item that is also the last row: no double bottom gap (the row's 10 px + the cell's 16 px) */
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #order_summary_field table.shop_table tbody tr.cart_item.abd-has-designs-last:last-child .abd-design:last-child {
	padding-bottom: 0 !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #order_summary_field table.shop_table tbody tr.cart_item.abd-has-designs + tr.cart_item.abd-has-designs {
	padding-top: 0 !important;
	border-top: 0 !important;
}

/* "Digital download, no shipping" (printed by the plugin on the checkout only) */
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #order_summary_field table.shop_table tr.abdig-ck-digital {
	padding: 0 0 16px !important;
	border-bottom: 1px solid var(--ck-line) !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #order_summary_field table.shop_table tr.abdig-ck-digital td {
	display: flex !important;
	align-items: center !important;
	gap: 6px !important;
	font-size: 13px !important;
	line-height: 1.4 !important;
	color: var(--ck-ink-2) !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #order_summary_field table.shop_table tr.abdig-ck-digital td span {
	font-size: 13px !important;
	color: var(--ck-ink-2) !important;
	text-align: left !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form table.shop_table tr.abdig-ck-digital svg {
	width: 14px;
	height: 14px;
	flex: none;
	color: var(--ck-ink-2);
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #order_summary_field table.shop_table tbody:not(:has(tr.abdig-ck-digital)) tr.cart_item:last-child {
	border-bottom: 1px solid var(--ck-line) !important;
	padding-bottom: 16px !important;
}

/* Totals */
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #order_summary_field table.shop_table tfoot tr {
	padding: 6px 0 !important;
	align-items: baseline !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #order_summary_field table.shop_table tfoot tr th,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #order_summary_field table.shop_table tfoot tr td,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #order_summary_field table.shop_table tfoot tr th span,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #order_summary_field table.shop_table tfoot tr td span,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #order_summary_field table.shop_table tfoot tr td bdi {
	font-size: 14px !important;
	font-weight: 400 !important;
	line-height: 1.5 !important;
	color: var(--ck-ink) !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #order_summary_field table.shop_table tfoot tr th,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #order_summary_field table.shop_table tfoot tr th span {
	color: var(--ck-ink-2) !important;
	flex: 1 1 auto !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #order_summary_field table.shop_table tfoot tr td {
	flex: none !important;
	text-align: right !important;
	white-space: nowrap !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #order_summary_field table.shop_table tfoot tr.order-total {
	padding: 12px 0 0 !important;
	margin-top: 6px !important;
	border-top: 1px solid var(--ck-line) !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #order_summary_field table.shop_table tfoot tr.order-total th,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #order_summary_field table.shop_table tfoot tr.order-total th span {
	font-size: 16px !important;
	font-weight: 600 !important;
	color: var(--ck-ink) !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #order_summary_field table.shop_table tfoot tr.order-total td,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #order_summary_field table.shop_table tfoot tr.order-total td span,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #order_summary_field table.shop_table tfoot tr.order-total td bdi,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #order_summary_field table.shop_table tfoot tr.order-total td strong {
	font-size: 20px !important;
	font-weight: 700 !important;
	color: var(--ck-ink) !important;
	line-height: 1.3 !important;
}
/* Order-pay prints Subtotal and Total both as .order-total: only the last one is the big number */
body.woocommerce-order-pay .wfacp-checkout-form-block #wfacp-e-form #order_summary_field table.shop_table tfoot tr.order-total:not(:last-of-type) {
	border-top: 0 !important;
	padding: 6px 0 !important;
	margin: 0 !important;
}
body.woocommerce-order-pay .wfacp-checkout-form-block #wfacp-e-form #order_summary_field table.shop_table tfoot tr.order-total:not(:last-of-type) th,
body.woocommerce-order-pay .wfacp-checkout-form-block #wfacp-e-form #order_summary_field table.shop_table tfoot tr.order-total:not(:last-of-type) th span {
	font-size: 14px !important;
	font-weight: 400 !important;
	color: var(--ck-ink-2) !important;
}
body.woocommerce-order-pay .wfacp-checkout-form-block #wfacp-e-form #order_summary_field table.shop_table tfoot tr.order-total:not(:last-of-type) td,
body.woocommerce-order-pay .wfacp-checkout-form-block #wfacp-e-form #order_summary_field table.shop_table tfoot tr.order-total:not(:last-of-type) td span {
	font-size: 14px !important;
	font-weight: 400 !important;
}
body.woocommerce-order-pay .wfacp-checkout-form-block #wfacp-e-form #order_summary_field table.shop_table tbody tr.cart_item:last-child {
	border-bottom: 1px solid var(--ck-line) !important;
	padding-bottom: 16px !important;
}

/* Trust block closing the card (printed by the plugin after the tip block) */
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .abdig-ck-trust {
	margin: 16px 0 0 !important;
	padding: 16px 0 0 !important;
	border-top: 1px solid var(--ck-line) !important;
	font-family: var(--ck-font) !important;
	font-size: 12px !important;
	line-height: 1.5 !important;
	color: var(--ck-ink-2) !important;
	text-align: left !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .abdig-ck-trust .abdig-ck-trust__line {
	display: block !important;
	font-size: 12px !important;
	color: var(--ck-ink-2) !important;
	margin: 0 0 8px !important;
	text-align: left !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .abdig-ck-trust .abdig-ck-trust__line svg {
	width: 14px;
	height: 14px;
	vertical-align: -2px;
	margin-right: 6px;
	color: var(--ck-ink-2);
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .abdig-ck-trust .abdig-ck-trust__line span {
	font-size: 12px !important;
	color: var(--ck-ink-2) !important;
}

/* Brand marks (trust row and footer): 36 x 24 chips, 4 gap; PayPal's file holds
   two badges, the right one is the PayPal mark */
body.woocommerce-checkout .abdig-ck-marks {
	display: inline-flex !important;
	align-items: center !important;
	gap: 4px !important;
	vertical-align: middle;
}
body.woocommerce-checkout .abdig-ck-mark {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 36px !important;
	height: 24px !important;
	border: 1px solid var(--ck-line) !important;
	border-radius: 4px !important;
	background: var(--ck-white) !important;
	overflow: hidden !important;
	box-sizing: border-box !important;
}
body.woocommerce-checkout .abdig-ck-mark img {
	display: block !important;
	width: 34px !important;
	height: 20px !important;
	max-width: none !important;
	object-fit: contain !important;
	margin: 0 !important;
	border: 0 !important;
}
body.woocommerce-checkout .abdig-ck-mark--paypal img {
	object-fit: cover !important;
	object-position: 100% 50% !important;
	width: 34px !important;
	height: 20px !important;
}

/* ==========================================================================
   6. Coupon: inline on desktop (JS opens it), a link on mobile
   ========================================================================== */
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #order_coupon_field {
	margin: 0 !important;
	padding: 16px 0 0 !important;
	border: 0 !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #order_coupon_field .wfacp-coupon-section,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #order_coupon_field .wfacp-coupon-page {
	margin: 0 !important;
	padding: 0 !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #order_coupon_field .woocommerce-form-coupon-toggle .woocommerce-info {
	background: transparent !important;
	border: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	font-size: 14px !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #order_coupon_field .woocommerce-form-coupon-toggle .woocommerce-info::before {
	display: none !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #order_coupon_field .woocommerce-form-coupon-toggle a.wfacp_showcoupon {
	display: inline-flex !important;
	align-items: center !important;
	min-height: 44px !important; /* the only way to the coupon field on a phone */
	padding: 0 !important;
	font-size: 14px !important;
	color: var(--ck-accent) !important;
	cursor: pointer;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #order_coupon_field .wfacp_coupon_field_box {
	display: flex !important;
	flex-wrap: nowrap !important;
	align-items: flex-end !important;
	gap: 8px !important;
	padding: 0 !important;
	margin: 0 !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #order_coupon_field .wfacp_coupon_field_box[style*="display: none"],
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #order_coupon_field .wfacp_coupon_field_box[style*="display:none"] {
	display: none !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #order_coupon_field .woocommerce-form-coupon-toggle + .wfacp_coupon_field_box {
	margin-top: 8px !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #order_coupon_field .wfacp_coupon_field_box .clear {
	display: none !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #order_coupon_field .wfacp_coupon_field_box p.form-row {
	margin: 0 !important;
	padding: 0 !important;
	float: none !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #order_coupon_field .wfacp_coupon_field_box p.form-row-first {
	flex: 1 1 auto !important;
	width: auto !important;
	min-width: 0 !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #order_coupon_field .wfacp_coupon_field_box p.wfacp_coupon_btn_wrap {
	flex: 0 0 auto !important;
	width: auto !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #order_coupon_field .wfacp_coupon_field_box p.wfacp_coupon_btn_wrap label {
	display: none !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #order_coupon_field .wfacp_coupon_field_box input.wfacp_coupon_code {
	width: 100% !important;
}
/* The static "Coupon code" label names the field (checkout.js points it at this
   input), so the placeholder with the same words goes quiet, like the billing ones */
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #order_coupon_field .wfacp_coupon_field_box input.wfacp_coupon_code::placeholder {
	color: transparent !important;
	opacity: 0 !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp-coupon-section .wfacp-coupon-page .wfacp-coupon-field-btn,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp-coupon-section .wfacp-coupon-page .wfacp-coupon-btn,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp-coupon-section .wfacp-coupon-page .wfacp-coupon-field-btn:hover,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp-coupon-section .wfacp-coupon-page .wfacp-coupon-btn:hover {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	height: 48px !important;
	min-height: 48px !important;
	min-width: 88px !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 18px !important;
	border: 1.5px solid var(--ck-accent) !important;
	border-radius: var(--ck-r-s) !important;
	background: var(--ck-white) !important;
	background-color: var(--ck-white) !important;
	color: var(--ck-accent) !important;
	font-family: var(--ck-font) !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	box-shadow: none !important;
	cursor: pointer;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp-coupon-section .wfacp-coupon-page .wfacp-coupon-field-btn:hover,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp-coupon-section .wfacp-coupon-page .wfacp-coupon-btn:hover {
	background: var(--ck-tint) !important;
	background-color: var(--ck-tint) !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp-coupon-section .wfacp-coupon-page .wfacp-coupon-field-btn:focus-visible,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp-coupon-section .wfacp-coupon-page .wfacp-coupon-btn:focus-visible {
	outline: var(--ck-outline) !important;
	outline-offset: 2px !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp-coupon-section .wfacp-coupon-page .wfacp-coupon-field-btn[disabled],
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp-coupon-section .wfacp-coupon-page .wfacp-coupon-btn[disabled] {
	opacity: .5 !important;
	cursor: not-allowed;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #order_coupon_field .wfacp_coupon_field_msg,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #order_coupon_field .wfacp_coupon_error_msg,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #order_coupon_field .wfacp_coupon_remove_msg {
	font-size: 13px !important;
	line-height: 1.4 !important;
	color: var(--ck-ink-2) !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #order_coupon_field .wfacp_coupon_error_msg {
	color: var(--ck-error) !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #order_coupon_field .wfacp_coupon_field_msg:not(:empty),
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #order_coupon_field .wfacp_coupon_error_msg:not(:empty),
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #order_coupon_field .wfacp_coupon_remove_msg:not(:empty) {
	margin-top: 8px !important;
}

/* ==========================================================================
   7. Tips (abdigitizing-tips): the same tokens as everything else
   ========================================================================== */
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .abdig-tips-wrap,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .abdig-tips-wrap--checkout,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .abdig-tips-wrap--pay,
body.woocommerce-checkout form#order_review .abdig-tips-wrap--pay {
	margin: 16px 0 0 !important;
	padding: 16px 0 0 !important;
	border-top: 1px solid var(--ck-line) !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #abdig-tips.abdig-tips {
	font-family: var(--ck-font) !important;
	font-size: 16px !important;
	color: var(--ck-ink) !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #abdig-tips.abdig-tips legend#abdig-tips-legend {
	font-family: var(--ck-font) !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	line-height: 1.4 !important;
	color: var(--ck-ink) !important;
	gap: 8px !important;
	margin: 0 0 4px !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #abdig-tips.abdig-tips legend#abdig-tips-legend svg {
	width: 18px !important;
	height: 18px !important;
	top: 0 !important;
	color: var(--ck-accent) !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #abdig-tips.abdig-tips p.abdig-tips__desc {
	font-size: 13px !important;
	line-height: 1.4 !important;
	color: var(--ck-ink-2) !important;
	margin: 0 0 10px !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #abdig-tips.abdig-tips legend#abdig-tips-legend + .abdig-tips__choices {
	margin-top: 10px !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #abdig-tips.abdig-tips .abdig-tips__choices {
	gap: 6px !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #abdig-tips.abdig-tips .abdig-tips__choices button.abdig-tips__pill {
	height: 44px !important;
	min-height: 44px !important;
	padding: 0 12px !important; /* five pills fit the 318 px card at 1024 and the 358 px card on a phone */
	border: 1px solid var(--ck-line) !important;
	border-radius: var(--ck-r-pill) !important;
	background: var(--ck-surface-2) !important;
	color: var(--ck-ink) !important;
	font: 600 16px/1 var(--ck-font) !important;
	transition: var(--ck-t) !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #abdig-tips.abdig-tips .abdig-tips__choices button.abdig-tips__pill:hover {
	background: var(--ck-tint) !important;
	border-color: var(--ck-line) !important;
	color: var(--ck-ink) !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #abdig-tips.abdig-tips .abdig-tips__choices button.abdig-tips__pill:focus-visible {
	outline: var(--ck-outline) !important; /* tips.css already had this; a halo alone is about 1.2:1 on the accent fill */
	outline-offset: 2px !important;
	box-shadow: none !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #abdig-tips.abdig-tips .abdig-tips__choices button.abdig-tips__pill[aria-checked="true"],
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #abdig-tips.abdig-tips .abdig-tips__choices button.abdig-tips__pill[aria-checked="true"]:hover {
	background: var(--ck-accent) !important;
	border-color: var(--ck-accent) !important;
	color: #fff !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #abdig-tips.abdig-tips .abdig-tips__custom {
	gap: 8px !important;
	margin-top: 12px !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #abdig-tips.abdig-tips .abdig-tips__custom .abdig-tips__field label.abdig-tips__label {
	font-size: 13px !important;
	font-weight: 500 !important;
	color: var(--ck-ink-2) !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #abdig-tips.abdig-tips .abdig-tips__custom .abdig-tips__field .abdig-tips__money input.abdig-tips__input {
	height: 48px !important;
	min-height: 48px !important;
	width: 140px !important;
	padding: 0 12px 0 28px !important;
	border: 1px solid var(--ck-line) !important;
	border-radius: var(--ck-r-s) !important;
	font: 400 16px var(--ck-font) !important;
	color: var(--ck-ink) !important;
	transform: none !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #abdig-tips.abdig-tips .abdig-tips__custom .abdig-tips__field .abdig-tips__money input.abdig-tips__input:focus {
	outline: none !important;
	border-color: var(--ck-accent) !important;
	box-shadow: var(--ck-focus) !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #abdig-tips.abdig-tips .abdig-tips__custom .abdig-tips__field .abdig-tips__money input.abdig-tips__input::placeholder {
	color: var(--ck-ink-2) !important;
	opacity: .8 !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #abdig-tips.abdig-tips .abdig-tips__custom .abdig-tips__field .abdig-tips__money span {
	color: var(--ck-ink-2) !important;
	font-weight: 400 !important;
	left: 14px !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #abdig-tips.abdig-tips .abdig-tips__custom button.abdig-tips__apply {
	height: 48px !important;
	min-height: 48px !important;
	padding: 0 18px !important;
	border: 1.5px solid var(--ck-accent) !important;
	border-radius: var(--ck-r-s) !important;
	background: var(--ck-white) !important;
	color: var(--ck-accent) !important;
	font: 600 14px/1 var(--ck-font) !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #abdig-tips.abdig-tips .abdig-tips__custom button.abdig-tips__apply:hover {
	background: var(--ck-tint) !important;
	color: var(--ck-accent) !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #abdig-tips.abdig-tips .abdig-tips__custom button.abdig-tips__apply:focus-visible {
	outline: var(--ck-outline) !important;
	outline-offset: 2px !important;
	box-shadow: none !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #abdig-tips.abdig-tips .abdig-tips__custom p.abdig-tips__help,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #abdig-tips.abdig-tips p.abdig-tips__thanks {
	font-size: 13px !important;
	color: var(--ck-ink-2) !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #abdig-tips.abdig-tips p.abdig-tips__status,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #abdig-tips.abdig-tips .abdig-tips__locked {
	border-radius: var(--ck-r-s) !important;
	font-size: 13px !important;
}
/* The pay page reserves space above the payment section until tips.js places the block */
body.woocommerce-order-pay.abdig-tips-pay:not(.abdig-tips-placed) .wfacp-section.wfacp_payment,
body.woocommerce-order-pay.abdig-tips-pay:not(.abdig-tips-placed) #payment {
	margin-top: 0 !important;
}

/* ==========================================================================
   8. Payment method list
   ========================================================================== */
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment {
	background: transparent !important;
	border: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment ul.payment_methods {
	background: var(--ck-white) !important;
	border: 1px solid var(--ck-line) !important;
	border-radius: var(--ck-r-m) !important;
	overflow: hidden !important;
	padding: 0 !important;
	margin: 0 0 24px !important;
	box-shadow: none !important;
	list-style: none !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment ul.payment_methods > li.wc_payment_method {
	position: relative !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-top: 1px solid var(--ck-line) !important;
	border-radius: 0 !important;
	background: var(--ck-white) !important;
	box-shadow: none !important;
	transition: var(--ck-t) !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment ul.payment_methods > li.wc_payment_method:first-child {
	border-top: 0 !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment ul.payment_methods > li.wc_payment_method:has(input[name="payment_method"]:checked),
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment ul.payment_methods > li.wc_payment_method:first-child:has(input[name="payment_method"]:checked),
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment ul.payment_methods > li.wc_payment_method:last-child:has(input[name="payment_method"]:checked),
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment ul.payment_methods > li.wc_payment_method:not(:first-child):not(:last-child):has(input[name="payment_method"]:checked),
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment ul.payment_methods > li.wc_payment_method:first-child:last-child:has(input[name="payment_method"]:checked) {
	background: var(--ck-white) !important;
	border-radius: 0 !important;
}
/* The four-colour outline drawn by payu-checkout-v2.css: off */
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment ul.payment_methods > li.wc_payment_method:has(input[name="payment_method"]:checked)::after,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment ul.payment_methods > li.wc_payment_method:first-child:has(input[name="payment_method"]:checked)::after,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment ul.payment_methods > li.wc_payment_method:last-child:has(input[name="payment_method"]:checked)::after,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment ul.payment_methods > li.wc_payment_method:not(:first-child):not(:last-child):has(input[name="payment_method"]:checked)::after,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment ul.payment_methods > li.wc_payment_method:first-child:last-child:has(input[name="payment_method"]:checked)::after {
	content: none !important;
	display: none !important;
	border: 0 !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment ul.payment_methods > li.wc_payment_method:not(:has(input[name="payment_method"]:checked)):hover {
	background: var(--ck-surface-2) !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment ul.payment_methods > li.wc_payment_method:not(:has(input[name="payment_method"]:checked)):hover > label {
	background: var(--ck-surface-2) !important;
}

/* Row header: 60 px, radio at 20 px, marks at the right */
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment ul.payment_methods > li.wc_payment_method > label,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce .woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method > label {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 12px !important;
	width: 100% !important;
	min-height: 60px !important;
	margin: 0 !important;
	padding: 10px 20px 10px 56px !important;
	box-sizing: border-box !important;
	background: var(--ck-white) !important;
	color: var(--ck-ink) !important;
	font-family: var(--ck-font) !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	line-height: 1.3 !important;
	cursor: pointer !important;
	transition: var(--ck-t) !important;
	box-shadow: none !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment ul.payment_methods > li.wc_payment_method > input[type="radio"]:checked + label,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce .woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method > input[type="radio"]:checked + label {
	background: var(--ck-tint) !important;
	box-shadow: inset 3px 0 0 var(--ck-accent) !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment ul.payment_methods > li.wc_payment_method > label img,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment ul.payment_methods > li.wc_payment_method > label img.lazyload {
	display: block !important;
	height: 24px !important;
	max-height: 24px !important;
	width: auto !important;
	max-width: 140px !important;
	margin: 0 0 0 auto !important;
	padding: 0 !important;
	object-fit: contain !important;
	flex: none !important;
}
/* PayPal's image holds two badges (PayPal Credit + PayPal): show the PayPal one */
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment ul.payment_methods > li.payment_method_eh_paypal_express > label img {
	width: 41px !important;
	height: 24px !important;
	object-fit: cover !important;
	object-position: 100% 50% !important;
	border-radius: 4px !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment ul.payment_methods > li.payment_method_payu_pse > label img {
	height: 26px !important;
	max-height: 26px !important;
}

/* The radio: a 20 px ring, accent when selected */
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment ul.payment_methods li.wc_payment_method > input[type="radio"],
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce .woocommerce-checkout #payment ul.payment_methods li.wc_payment_method > input[type="radio"] {
	-webkit-appearance: none !important;
	appearance: none !important;
	position: absolute !important;
	left: 20px !important;
	top: 20px !important;
	width: 20px !important;
	height: 20px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 1.5px solid var(--ck-ink-2) !important;
	border-radius: 50% !important;
	background: var(--ck-white) !important;
	box-shadow: none !important;
	transform: none !important;
	opacity: 1 !important;
	display: block !important;
	z-index: 2 !important;
	cursor: pointer !important;
	transition: var(--ck-t) !important;
	outline: none !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment ul.payment_methods li.wc_payment_method > input[type="radio"]::before,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment ul.payment_methods li.wc_payment_method > input[type="radio"]:checked::before {
	content: "" !important;
	position: absolute !important;
	left: 50% !important;
	top: 50% !important;
	width: 10px !important;
	height: 10px !important;
	margin: -5px 0 0 -5px !important;
	border-radius: 50% !important;
	background: transparent !important;
	border: 0 !important;
	transform: none !important;
	display: block !important;
	color: transparent !important;
	font-size: 0 !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment ul.payment_methods li.wc_payment_method > input[type="radio"]:checked {
	border: 2px solid var(--ck-accent) !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment ul.payment_methods li.wc_payment_method > input[type="radio"]:checked::before {
	background: var(--ck-accent) !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment ul.payment_methods li.wc_payment_method > input[type="radio"]:focus-visible {
	outline: var(--ck-outline) !important; /* the halo alone was about 1.2:1 on the tint row */
	outline-offset: 2px !important;
	box-shadow: none !important;
}

/* Row body */
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment ul.payment_methods li.wc_payment_method .payment_box,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .payment_box.payment_method_payu_credit_card,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .payment_box.payment_method_payu_pse,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .payment_box.payment_method_eh_paypal_express {
	background: var(--ck-white) !important;
	border: 0 !important;
	border-top: 1px solid var(--ck-line) !important;
	border-radius: 0 !important;
	padding: 16px !important; /* every width since 1.0.6 (20 on desktop before; phones already had 16) */
	margin: 0 !important;
	box-shadow: none !important;
	color: var(--ck-ink) !important;
	font-family: var(--ck-font) !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .payment_box::before {
	display: none !important;
}
/* Vendor description inside the card and PSE boxes: gone. PayPal's stays as one plain line. */
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment ul.payment_methods li.wc_payment_method .payment_box.payment_method_payu_credit_card > p:first-child,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment ul.payment_methods li.wc_payment_method .payment_box.payment_method_payu_pse > p:first-child {
	display: none !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment ul.payment_methods li.wc_payment_method .payment_box.payment_method_eh_paypal_express > p:first-child,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment ul.payment_methods li.wc_payment_method .payment_box > p:first-child {
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	font-family: var(--ck-font) !important;
	font-size: 14px !important;
	line-height: 1.5 !important;
	color: var(--ck-ink-2) !important;
}

/* ==========================================================================
   9. PayU card form (PayU 1.11.0: the card row, saved cards as chips and the
      grey panel under the chosen chip; from 1.10.0 the "MM / YY" expiry, the
      billing address folded into a summary line, helpers, the "?" as a button)
   ========================================================================== */
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #payu-cc-form,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .payu-payment-form,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .payu-new-card-form-container:not(.payu-panel) {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	min-width: 0 !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .payu-payment-form .payu-input-group,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .payu-payment-form .payu-form-row-wide {
	margin: 0 0 12px !important;
	padding: 0 !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .payu-payment-form .payu-input-group:first-child {
	margin-top: 0 !important;
}
/* The name row takes the whole line (FunnelKit gives a .form-row a width and a float) */
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .payu-payment-form > .form-row-wide,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .payu-payment-form .payu-name-group,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .payu-payment-form > .form-row-wide {
	width: 100% !important;
	max-width: 100% !important;
	float: none !important;
	clear: both !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}
/* Labels: 13 px / 500, 6 px above the box (8 until 1.0.5). The #payment twins
   outrank the (2,2,1) rule that left the card labels at 400 on the live page. */
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .payu-payment-form label,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #payu-cc-form label,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .payu-payment-form .payu-label,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .payu-token-cvv-label,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .payu-payment-form label,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment #payu-cc-form label,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .payu-token-cvv-label {
	display: block !important;
	margin: 0 0 6px !important;
	padding: 0 !important;
	font-family: var(--ck-font) !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	line-height: 1.3 !important;
	color: var(--ck-ink-2) !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .payu-payment-form label .required,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .payu-token-cvv-label .required,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .payu-col .required {
	color: var(--ck-error) !important;
	font-weight: 500 !important;
}
/* The input recipe. Its strongest selector, #payment #payu-cc-form .input-text, is
   (3,5,1): every state rule below carries one of the same id trios plus a class, or the
   .input-text.payu-input pair for the token CVV box, which sits outside the fieldset. */
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .payu-payment-form input[type="text"],
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .payu-payment-form input[type="tel"],
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .payu-payment-form input[type="password"],
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .payu-payment-form input[type="number"],
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .payu-pse-form input[type="text"],
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment #payu-cc-form .input-text,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .input-text.payu-input,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .payu-payment-form select,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment select.payu-pse-select {
	box-sizing: border-box !important;
	width: 100% !important;
	height: 48px !important;
	min-height: 48px !important;
	margin: 0 !important;
	padding: 0 14px !important;
	border: 1px solid var(--ck-line) !important;
	border-radius: var(--ck-r-s) !important;
	background: var(--ck-white) !important;
	background-clip: padding-box !important;
	box-shadow: none !important;
	outline: none !important;
	color: var(--ck-ink) !important;
	font-family: var(--ck-font) !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 46px !important;
	text-indent: 0 !important;
	transition: var(--ck-t) !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .payu-payment-form input:hover,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .payu-payment-form select:hover,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment #payu-cc-form .input-text:hover,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .input-text.payu-input:hover {
	border-color: var(--ck-line-hover) !important;
}
/* Invalid (the plugin's validators add .payu-input-invalid; .payu-input-error is kept for
   parity with its sheet): the red border, then focus, then invalid + focus, so a focused
   field always shows focus and a focused invalid one shows both. Verified by computed
   style: the 1.0.5 rule was (2,6,1) and lost to the (3,5,1) recipe. */
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .payu-payment-form .payu-input-invalid,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .payu-payment-form input.payu-input-error,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .payu-payment-form select.payu-input-error,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .input-text.payu-input.payu-input-invalid,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .input-text.payu-input.payu-input-error,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment #payu-cc-form .input-text.payu-input-invalid,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment #payu-cc-form .input-text.payu-input-error,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment #payu-cc-form select.payu-input-invalid,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment #payu-cc-form select.payu-input-error {
	border-color: var(--ck-error) !important;
	background: var(--ck-white) !important;
	background-clip: padding-box !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .payu-payment-form input:focus,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .payu-payment-form select:focus,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment #payu-cc-form .input-text:focus,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment #payu-cc-form select:focus,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .input-text.payu-input:focus,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .payu-pse-form input:focus,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment select.payu-pse-select:focus {
	border: 1px solid var(--ck-accent) !important;
	background: var(--ck-white) !important;
	box-shadow: var(--ck-focus) !important;
	outline: none !important;
	transition: var(--ck-t) !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .payu-payment-form .payu-input-invalid:focus,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .input-text.payu-input.payu-input-invalid:focus,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment #payu-cc-form .input-text.payu-input-invalid:focus {
	border-color: var(--ck-error) !important;
	box-shadow: 0 0 0 3px rgba(204, 0, 51, .3) !important;
}
/* The country select is drawn by SelectWoo: its box takes the invalid border from the
   hidden <select> the validator marks */
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .payu-country-group:has(select.payu-input-invalid) .select2-container .select2-selection--single {
	border-color: var(--ck-error) !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .payu-payment-form input::placeholder,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .input-text.payu-input::placeholder {
	color: var(--ck-ink-2) !important;
	opacity: .8 !important; /* these carry the field hints (1234 1234 1234 1234, MM / YY, 3 digits); .6 was 3.0:1 */
}
/* The inline brand icon inside the card number: only once a brand is detected */
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #payu-card-icon {
	display: none !important;
	right: 12px !important;
	height: 20px !important;
	opacity: 1 !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #payu-card-icon:not([src*="Payu-Credit-Card"]) {
	display: inline-block !important;
}

/* Rows (PayU 1.11.0, section 8 of its sheet draws the same grids; restated here with the
   skin's rhythm and above FunnelKit's .form-row):
   card row  = number | expiry | CVV, minmax(0,1fr) / 128 / 132, 12 gap, cells top-aligned;
               under 600 px the number takes the line and expiry / CVV share the next one;
   address   = country | postal code as halves at every width.
   Top alignment is what keeps an error line under one box from sinking its neighbour
   (the 1.0.5 columns were aligned by the base of the inputs and dropped it 30 px). */
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .payu-card-row,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .payu-card-row {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) 128px 132px !important;
	gap: 12px !important;
	align-items: start !important;
	width: 100% !important;
	box-sizing: border-box !important;
	margin: 0 0 12px !important;
	padding: 0 !important;
	clear: both !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wc-gateway-payu-cc-details-row,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .payment_method_payu_credit_card .payment_box .wc-gateway-payu-cc-details-row {
	display: block !important;
	width: 100% !important;
	box-sizing: border-box !important;
	margin: 0 !important;
	padding: 0 !important;
	clear: both !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .payu-address-fields,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .payu-details-right-col {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
	gap: 12px !important;
	align-items: start !important;
	width: 100% !important;
	box-sizing: border-box !important;
	margin: 0 !important;
	padding: 0 !important;
}
/* Country + Postal code fold behind the "Card billing address" line (PayU 1.10.0, section 16
   of its stylesheet): the grid keeps display above at (1,3,1), so the collapsed state needs
   one more class. The summary line is a block child of the row, above the grid. */
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .payu-details-right-col.is-collapsed,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .payu-address-fields.is-collapsed {
	display: none !important;
}
/* The cells: plain blocks, no width, float or margin of their own (the number cell is also a
   .payu-input-group with the 12 px group margin above) */
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .payu-card-row > .form-row,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .payu-card-row > .payu-input-group,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .payu-address-fields > .form-row,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .payu-expiry-group,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .payu-cvv-group,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .payu-country-group,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .payu-postal-group,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .payu-card-row > .form-row,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .payu-card-row > .payu-input-group,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .payu-address-fields > .form-row {
	position: relative !important;
	display: block !important;
	width: auto !important;
	min-width: 0 !important;
	max-width: none !important;
	float: none !important;
	clear: none !important;
	margin: 0 !important;
	padding: 0 !important;
	box-sizing: border-box !important;
}
/* Lines the decline panel appends to the card row (PayU section 12): the whole row */
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .payu-card-row > .payu-decline__field-msg,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .payu-card-row > .payu-decline__still {
	grid-column: 1 / -1 !important;
}
/* Duplicate-card notice: a line of its own under the card row, 8 px under the boxes
   (the row's 12 px margin minus 4) and 12 px above the name; empty, it takes no room */
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment #payu-duplicate-card-notice {
	font-family: var(--ck-font) !important;
	font-size: 13px !important;
	line-height: 1.4 !important;
	color: var(--ck-ink-2) !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment #payu-duplicate-card-notice:not(:empty) {
	margin: -4px 0 12px !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment #payu-duplicate-card-notice a {
	color: var(--ck-accent) !important;
}
/* Under 600 px: two columns, the number across both */
@media (max-width: 599px) {
	body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .payu-card-row,
	body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .payu-card-row {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
	}
	body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .payu-card-row > .payu-card-row__number,
	body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .payu-card-row > .payu-card-row__number {
		grid-column: 1 / -1 !important;
	}
}
/* The CVV hint card: anchored to the top of its cell, 13 px / 1.3 label + 6 px + (48 - 18) / 2.
   The PayU sheet anchors it with a #payment twin at (2,3,1), hence the prefix. */
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment #payu-cc-form .payu-cvv-group input.payu-input {
	padding-right: 48px !important; /* the recipe above lists #payu-cc-form .input-text: three ids */
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .payu-cvv-group .payu-cvv-hint {
	top: 38px !important;
	bottom: auto !important;
}
/* Error lines: in flow under their own box, 12 px, 5 px above (the PayU sheet toggles
   display with .is-visible; nothing here touches display) */
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .payu-field-error-message,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .payu-field-error-message {
	position: static !important;
	width: 100% !important;
	box-sizing: border-box !important;
	margin: 5px 0 0 !important;
	padding: 0 !important;
	font-family: var(--ck-font) !important;
	font-size: 12px !important;
	font-weight: 400 !important;
	line-height: 1.3 !important;
	color: var(--ck-error) !important;
	text-align: left !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .payu-decline__field-msg.payu-field-error-message {
	margin: 5px 0 8px !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .payment_methods li.wc_payment_method label.error {
	font-family: var(--ck-font) !important;
	font-size: 13px !important;
	font-weight: 400 !important;
	color: var(--ck-error) !important;
	margin-top: 6px !important;
}
/* Country select (SelectWoo) in the same recipe */
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .payment_method_payu_credit_card .select2-container .select2-selection--single,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .payu-country-group .select2-container .select2-selection--single,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .payment_method_payu_credit_card .select2-container--open .select2-selection--single,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .payment_method_payu_credit_card .select2-container--focus .select2-selection--single {
	height: 48px !important;
	min-height: 48px !important;
	border: 1px solid var(--ck-line) !important;
	border-radius: var(--ck-r-s) !important;
	background: var(--ck-white) !important;
	box-shadow: none !important;
	display: flex !important;
	align-items: center !important;
	transition: var(--ck-t) !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .payment_method_payu_credit_card .select2-container--open .select2-selection--single,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .payment_method_payu_credit_card .select2-container--focus .select2-selection--single {
	border-color: var(--ck-accent) !important;
	box-shadow: var(--ck-focus) !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .payment_method_payu_credit_card .select2-container .select2-selection__rendered {
	padding: 0 30px 0 14px !important;
	line-height: 46px !important;
	font-family: var(--ck-font) !important;
	font-size: 16px !important;
	color: var(--ck-ink) !important;
	border: 0 !important;
	background: transparent !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .payu-country-group .select2-container {
	margin: 0 !important;
	width: 100% !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .payment_method_payu_credit_card .select2-selection__arrow {
	top: 1px !important; /* FunnelKit's 24 px offset (for its floating-label fields) put the chevron on the bottom edge */
	margin: 0 !important; /* and its margin-top: -6px lifted the box 6 px, so the chevron sat above the centre */
	height: 46px !important;
	right: 10px !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .payment_method_payu_credit_card .select2-selection__arrow b {
	border-color: var(--ck-ink-2) transparent transparent transparent !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #payu-cc-form > .clear {
	display: none !important;
}

/* Saved cards as chips (PayU 1.11.0, section 17 of its sheet, which reads the tokens): the
   skin restates the paint at #payment specificity so FunnelKit's label and span rules never
   reach the chips, and gives them the page's transition. The 1.0.5 rules for
   ul.woocommerce-SavedPaymentMethods and the 140 px token container are gone with them. */
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .payu-cards {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 8px !important;
	margin: 0 0 12px !important;
	padding: 0 !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .payu-cards[hidden] {
	display: none !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .payu-card-chip,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment label.payu-card-chip {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	min-height: 40px !important;
	margin: 0 !important;
	padding: 0 14px 0 12px !important;
	border: 1px solid var(--ck-line) !important;
	border-radius: var(--ck-r-pill) !important;
	background: var(--ck-white) !important;
	color: var(--ck-ink) !important;
	font-family: var(--ck-font) !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	line-height: 1.2 !important;
	cursor: pointer !important;
	transition: var(--ck-t) !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .payu-card-chip:hover {
	border-color: var(--ck-line-hover) !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .payu-card-chip:has(> input:checked),
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .payu-card-chip:has(> input:checked):hover {
	padding: 0 13px 0 11px !important;
	border: 2px solid var(--ck-accent) !important;
	background: var(--ck-tint) !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .payu-card-chip:has(> input:focus-visible) {
	box-shadow: var(--ck-focus) !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .payu-card-chip__dot,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .payu-card-chip__plus {
	width: 18px !important;
	height: 18px !important;
	border: 1.5px solid var(--ck-ink-2) !important;
	border-radius: 50% !important;
	background: var(--ck-white) !important;
	color: var(--ck-ink-2) !important;
	transition: var(--ck-t) !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .payu-card-chip:has(> input:checked) .payu-card-chip__dot {
	border: 2px solid var(--ck-accent) !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .payu-card-chip:has(> input:checked) .payu-card-chip__dot::after {
	background: var(--ck-accent) !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .payu-card-chip:has(> input:checked) .payu-card-chip__plus {
	border-color: var(--ck-accent) !important;
	color: var(--ck-accent) !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .payu-card-chip__text,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .payu-card-chip__text b {
	font-family: var(--ck-font) !important;
	font-size: 14px !important;
	color: var(--ck-ink) !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .payu-card-chip__text b {
	font-weight: 600 !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .payu-card-chip__exp {
	font-size: 13px !important;
	font-weight: 400 !important;
	color: var(--ck-ink-2) !important;
}
/* The panel under the chosen chip: surface-2, 1 px line, radius 8, 14 px inside; the boxes
   inside stay white (the recipe). No display here: the PHP prints the panels shut with an
   inline display:none and the PayU script slides them. */
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .payu-panel {
	border: 1px solid var(--ck-line) !important;
	border-radius: var(--ck-r-s) !important;
	background: var(--ck-surface-2) !important;
	padding: 14px;
	margin: 0;
}
/* The token's panel: the 140 x 44 CVV box with its hint, the meta line beside it (under it
   below 600 px, the PayU sheet's breakpoint) */
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .payu-token-cvv__field {
	width: 140px !important;
	max-width: 100% !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .payu-token-cvv__field input.input-text.payu-input {
	height: 44px !important;
	min-height: 44px !important;
	line-height: 42px !important;
	padding-right: 48px !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .payu-token-cvv__field .payu-cvv-hint {
	top: 13px !important;
	bottom: auto !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .payu-token-meta {
	font-family: var(--ck-font) !important;
	font-size: 13px !important;
	line-height: 1.4 !important;
	color: var(--ck-ink-2) !important;
}

/* Save-card row: a 36 px row, 20 px box, 13 px text; the label keeps a 44 px hit box
   (its 4 px overshoot on each side lands in the row's top margin and the box padding) */
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .payu-tooltip-container,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .form-row.payu-tooltip-container,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .woocommerce-form-row.payu-tooltip-container {
	display: flex !important;
	flex-wrap: wrap !important; /* the helper below the label (states B, C, D) is a line of its own */
	align-items: center !important;
	gap: 0 10px !important;
	min-height: 36px !important;
	margin: 8px 0 0 !important;
	padding: 0 !important;
	width: 100% !important;
	float: none !important; /* a .form-row FunnelKit could float would leave the box */
	clear: both !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .payu-tooltip-container input[type="checkbox"] {
	-webkit-appearance: none !important;
	appearance: none !important;
	width: 20px !important;
	height: 20px !important;
	min-width: 20px !important;
	min-height: 20px !important; /* FunnelKit's 48 px input floor would stretch the row */
	max-height: 20px !important;
	margin: 0 !important;
	border: 1.5px solid var(--ck-ink-2) !important;
	border-radius: 4px !important;
	background: var(--ck-white) !important;
	position: relative !important;
	cursor: pointer !important;
	vertical-align: middle !important;
	transition: var(--ck-t) !important;
	box-shadow: none !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .payu-tooltip-container input[type="checkbox"]:checked {
	background: var(--ck-accent) !important;
	border-color: var(--ck-accent) !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .payu-tooltip-container input[type="checkbox"]:checked::after {
	content: "" !important;
	display: block !important;
	opacity: 1 !important;
	position: absolute !important;
	left: 6px !important;
	top: 2px !important;
	width: 5px !important;
	height: 10px !important;
	margin: 0 !important;
	border: solid #fff !important;
	border-width: 0 2px 2px 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	transform: rotate(45deg) !important;
	transition: none !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .payu-tooltip-container input[type="checkbox"]:focus-visible {
	outline: var(--ck-outline) !important;
	outline-offset: 2px !important;
	box-shadow: none !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .payu-tooltip-container label {
	display: inline-flex !important; /* the label is the tap target: the row's empty area toggles nothing */
	align-items: center !important;
	min-height: 44px !important;
	margin: -4px 0 !important; /* 44 px hit box in a 36 px row */
	padding: 0 !important;
	font-size: 13px !important;
	font-weight: 400 !important;
	line-height: 1.4 !important;
	color: var(--ck-ink-2) !important;
	cursor: pointer !important;
}
/* The "?" is a <button> since PayU 1.10.0 (opens on click too); the PayU sheet paints it with a
   (2,3,1) twin against FunnelKit's black button rule, so these carry the #payment prefix */
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .payu-custom-tooltip,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .payu-custom-tooltip:hover,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .payu-custom-tooltip:focus,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .payu-custom-tooltip:active {
	position: relative !important;
	width: 20px !important;
	height: 20px !important;
	min-height: 0 !important;
	line-height: 18px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 1px solid var(--ck-line) !important;
	border-radius: 50% !important;
	background: var(--ck-white) !important;
	background-color: var(--ck-white) !important;
	color: var(--ck-accent) !important;
	font-family: var(--ck-font) !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	box-sizing: border-box !important;
	cursor: pointer !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .payu-custom-tooltip:hover,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .payu-custom-tooltip.is-open {
	border-color: var(--ck-accent) !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .payu-custom-tooltip:focus-visible {
	outline: var(--ck-outline) !important;
	outline-offset: 2px !important;
}
/* A 44 px hit area around the 20 px glyph */
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .payu-custom-tooltip::before {
	content: "" !important;
	position: absolute !important;
	inset: -12px !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .payu-custom-tooltip:hover::after,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .payu-custom-tooltip.is-open::after,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .payu-custom-tooltip[aria-expanded="true"]::after {
	border-radius: var(--ck-r-s) !important;
	background: var(--ck-ink) !important;
	font-family: var(--ck-font) !important;
	font-size: 13px !important;
	font-weight: 400 !important;
	min-width: 260px !important;
}
/* Helper under the save-card label (states B, C, D): 12 px, indented past the 20 px box and the gap */
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .payu-save-help {
	flex: 0 0 100% !important;
	width: 100% !important;
	box-sizing: border-box !important;
	margin: -4px 0 0 !important; /* the 36 px row leaves 9 px under the label text */
	padding: 0 0 0 30px !important;
	font-family: var(--ck-font) !important;
	font-size: 12px !important;
	line-height: 1.4 !important;
	color: var(--ck-ink-2) !important;
}
/* PSE "Account holder" switch: the label rule above turns every label into a block with a
   margin; the two cells of the switch are labels, so they get their shape back here */
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .payu-payment-form .payu-segmented label.payu-seg {
	display: flex !important;
	align-items: stretch !important;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	line-height: 1.2 !important;
	color: var(--ck-ink-2) !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .payu-payment-form .payu-segmented label.payu-seg > span {
	font-family: var(--ck-font) !important;
	font-size: 14px !important;
	transition: var(--ck-t) !important;
}

/* ==========================================================================
   10. Terms row and the Complete order button
   ========================================================================== */
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .place-order,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment > .form-row {
	margin: 0 !important;
	padding: 0 !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .woocommerce-terms-and-conditions-wrapper {
	margin: 0 0 16px !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .woocommerce-terms-and-conditions-wrapper p.form-row {
	margin: 0 !important;
	padding: 0 !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .woocommerce-terms-and-conditions-wrapper label.checkbox,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce .form-row label.checkbox {
	display: block !important;
	position: relative !important;
	box-sizing: border-box !important;
	min-height: 44px !important;
	margin: 0 !important;
	padding: 12px 0 12px 32px !important; /* the 20 px box sits at the left, the text flows beside it */
	font-family: var(--ck-font) !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	line-height: 1.4 !important;
	color: var(--ck-ink) !important;
	cursor: pointer !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .woocommerce-terms-and-conditions-wrapper .woocommerce-terms-and-conditions-checkbox-text {
	display: inline !important;
	width: auto !important;
	font-size: 14px !important;
	color: var(--ck-ink) !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .woocommerce-terms-and-conditions-wrapper label.checkbox abbr.required {
	margin-left: 2px !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .woocommerce-terms-and-conditions-wrapper a.woocommerce-terms-and-conditions-link {
	white-space: nowrap !important;
	color: var(--ck-accent) !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .woocommerce-terms-and-conditions-wrapper abbr.required {
	color: var(--ck-error) !important;
	text-decoration: none !important;
	border: 0 !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce input[type="checkbox"]#terms,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce input[type="checkbox"]#createaccount {
	-webkit-appearance: none !important;
	appearance: none !important;
	position: relative !important;
	width: 20px !important;
	height: 20px !important;
	min-width: 20px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 1.5px solid var(--ck-ink-2) !important;
	border-radius: 4px !important;
	background: var(--ck-white) !important;
	box-shadow: none !important;
	cursor: pointer !important;
	flex: none !important;
	transition: var(--ck-t) !important;
	vertical-align: middle !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce label.checkbox input[type="checkbox"]#terms,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce label.checkbox input[type="checkbox"]#createaccount {
	position: absolute !important;
	left: 0 !important;
	top: 12px !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce input[type="checkbox"]#terms:checked,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce input[type="checkbox"]#createaccount:checked {
	background: var(--ck-accent) !important;
	border-color: var(--ck-accent) !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce input[type="checkbox"]#terms::before,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce input[type="checkbox"]#createaccount::before,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce input[type="checkbox"]#terms:checked::before,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce input[type="checkbox"]#createaccount:checked::before {
	content: none !important;
	display: none !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce input[type="checkbox"]#terms:checked::after,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce input[type="checkbox"]#createaccount:checked::after {
	content: "" !important;
	display: block !important;
	opacity: 1 !important;
	position: absolute !important;
	left: 6px !important;
	top: 2px !important;
	width: 5px !important;
	height: 10px !important;
	margin: 0 !important;
	border: solid #fff !important;
	border-width: 0 2px 2px 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	transform: rotate(45deg) !important;
	transition: none !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce input[type="checkbox"]#terms:focus-visible,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce input[type="checkbox"]#createaccount:focus-visible {
	outline: var(--ck-outline) !important;
	outline-offset: 2px !important;
	box-shadow: none !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce .create-account label.checkbox span {
	font-size: 14px !important;
	color: var(--ck-ink) !important;
}

/* The button */
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp-order-place-btn-wrap {
	margin: 0 !important;
	padding: 0 !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment button#place_order,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce button#place_order,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce .wfacp-order-place-btn-wrap button#place_order,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment button#place_order:hover,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce button#place_order:hover,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment button#place_order:focus,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment button#place_order:active {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 10px !important;
	box-sizing: border-box !important;
	width: 100% !important;
	height: 56px !important;
	min-height: 56px !important;
	margin: 0 !important;
	padding: 0 20px !important;
	border: 0 !important;
	border-width: 0 !important;
	border-radius: var(--ck-r-s) !important;
	background: var(--ck-accent) !important;
	background-color: var(--ck-accent) !important;
	color: #fff !important;
	font-family: var(--ck-font) !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	text-align: center !important;
	box-shadow: none !important;
	transform: none !important;
	transition: var(--ck-t) !important;
	cursor: pointer !important;
	font-variant-numeric: tabular-nums;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment button#place_order:hover,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce button#place_order:hover,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment button#place_order:active {
	background: var(--ck-accent-hover-fill) !important;
	background-color: var(--ck-accent-hover-fill) !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment button#place_order:focus-visible,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce button#place_order:focus-visible {
	outline: var(--ck-outline) !important; /* the page ground forms the gap */
	outline-offset: 3px !important;
	box-shadow: none !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment button#place_order[disabled],
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment button#place_order.disabled {
	opacity: .5 !important;
	cursor: not-allowed !important;
}
/* FunnelKit's arrow glyph ('\e907') is replaced by a lock drawn in the button's own colour */
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .single_step #place_order:before,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #place_order:before,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #place_order::before {
	content: "" !important;
	display: inline-block !important;
	position: static !important;
	width: 18px !important;
	height: 18px !important;
	margin: 0 !important;
	top: auto !important;
	left: auto !important;
	right: auto !important;
	transform: none !important;
	flex: none !important;
	font-size: 0 !important;
	background: currentColor !important;
	-webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="11" width="18" height="11" rx="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg>') center/contain no-repeat !important;
	mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="11" width="18" height="11" rx="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg>') center/contain no-repeat !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #place_order::after {
	content: none !important;
	display: none !important;
}

/* Security line under the button (printed by the plugin) */
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form p.abdig-ck-secure {
	display: flex !important;
	align-items: flex-start !important;
	gap: 8px !important;
	margin: 12px 0 0 !important;
	padding: 0 !important;
	font-family: var(--ck-font) !important;
	font-size: 12px !important;
	font-weight: 400 !important;
	line-height: 1.5 !important;
	color: var(--ck-ink-2) !important;
	text-align: left !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form p.abdig-ck-secure span {
	font-size: 12px !important;
	font-weight: 400 !important;
	color: var(--ck-ink-2) !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form p.abdig-ck-secure svg {
	flex: none;
	width: 14px;
	height: 14px;
	margin-top: 2px;
	color: var(--ck-ink-2);
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .eh_spinner {
	display: none !important;
}

/* ==========================================================================
   11. Decline panel (PayU 1.9.1 section 12), retokened
   ========================================================================== */
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce .payu-decline,
body.woocommerce-checkout .payu-decline {
	font-family: var(--ck-font) !important;
	border: 1px solid var(--ck-line) !important;
	border-left: 4px solid var(--ck-amber) !important;
	border-radius: var(--ck-r-m) !important;
	background: var(--ck-white) !important;
	padding: 20px !important;
	margin: 0 0 16px !important;
	color: var(--ck-ink) !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce .payu-decline .payu-decline__icon,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .payu-decline__icon,
body.woocommerce-checkout .payu-decline__icon {
	width: 24px !important;
	height: 24px !important;
	line-height: 24px !important;
	font-size: 14px !important;
	background: var(--ck-amber) !important;
	color: #fff !important;
	font-family: var(--ck-font) !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce .payu-decline .payu-decline__title,
body.woocommerce-checkout .payu-decline__title {
	font: 600 16px/1.3 var(--ck-font) !important;
	color: var(--ck-ink) !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce .payu-decline .payu-decline__text,
body.woocommerce-checkout .payu-decline__text {
	font-family: var(--ck-font) !important;
	font-size: 14px !important;
	line-height: 1.5 !important;
	color: var(--ck-ink-2) !important;
}
body.woocommerce-checkout .payu-decline__status .payu-decline__text,
body.woocommerce-checkout .payu-decline__text--bar {
	color: var(--ck-ink) !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce .payu-decline .payu-decline__choices,
body.woocommerce-checkout .payu-decline__choices {
	gap: 16px !important;
	margin-top: 16px !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce .payu-decline .payu-decline__choice,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce .payu-decline .payu-decline__choice:hover,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce .payu-decline .payu-decline__choice:focus,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce .payu-decline .payu-decline__choice:active,
body.woocommerce-checkout .payu-decline__choice {
	border: 1px solid var(--ck-line) !important;
	border-radius: var(--ck-r-s) !important;
	background: var(--ck-white) !important;
	background-color: var(--ck-white) !important;
	color: var(--ck-ink) !important;
	font-family: var(--ck-font) !important;
	font-size: 16px !important;
	padding: 16px !important;
	transform: none !important;
	box-shadow: none !important;
	transition: var(--ck-t) !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce .payu-decline .payu-decline__choice.is-lead,
body.woocommerce-checkout .payu-decline__choice.is-lead {
	border: 2px solid var(--ck-accent) !important;
	background: var(--ck-tint) !important;
	background-color: var(--ck-tint) !important;
	padding: 15px !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce .payu-decline .payu-decline__choice:hover,
body.woocommerce-checkout .payu-decline__choice:hover {
	border-color: var(--ck-accent) !important;
	box-shadow: none !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce .payu-decline .payu-decline__choice:focus-visible,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce .payu-decline .payu-decline__title:focus-visible,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce .payu-decline .payu-decline__text--bar:focus-visible,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce .payu-decline .payu-decline__foot a:focus-visible,
body.woocommerce-checkout .payu-decline__choice:focus-visible,
body.woocommerce-checkout .payu-decline__title:focus-visible,
body.woocommerce-checkout .payu-decline__text--bar:focus-visible,
body.woocommerce-checkout .payu-decline__foot a:focus-visible {
	outline: 2px solid var(--ck-accent) !important;
	outline-offset: 2px !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce .payu-decline .payu-decline__choice::after,
body.woocommerce-checkout .payu-decline__choice::after {
	color: var(--ck-ink-2) !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce .payu-decline .payu-decline__choice-icon,
body.woocommerce-checkout .payu-decline .payu-decline__choice-icon {
	border: 1px solid var(--ck-line) !important;
	border-radius: 4px !important;
	font-family: var(--ck-font) !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce .payu-decline .payu-decline__choice-text strong,
body.woocommerce-checkout .payu-decline__choice-text strong {
	font-family: var(--ck-font) !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	color: var(--ck-ink) !important;
}
body.woocommerce-checkout .payu-decline__choice-help {
	font-family: var(--ck-font) !important;
	font-size: 13px !important;
	color: var(--ck-ink-2) !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce .payu-decline .payu-decline__foot,
body.woocommerce-checkout .payu-decline__foot {
	font-family: var(--ck-font) !important;
	font-size: 13px !important;
	color: var(--ck-ink-2) !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce .payu-decline .payu-decline__foot a,
body.woocommerce-checkout .payu-decline__foot a {
	color: var(--ck-accent) !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce .payu-decline .payu-decline__foot a:hover,
body.woocommerce-checkout .payu-decline__foot a:hover {
	color: var(--ck-accent) !important;
	text-decoration: underline !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce .payu-decline .payu-decline__btn,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .payu-decline__btn,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce .payu-decline .payu-decline__btn:hover,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .payu-decline__btn:hover,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce .payu-decline .payu-decline__btn:focus,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .payu-decline__btn:focus,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce .payu-decline .payu-decline__btn:active,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .payu-decline__btn:active,
body.woocommerce-checkout .payu-decline__btn {
	min-height: 48px !important;
	padding: 0 20px !important;
	border: 0 !important;
	border-radius: var(--ck-r-s) !important;
	background: var(--ck-accent) !important;
	background-color: var(--ck-accent) !important;
	color: #fff !important;
	font: 600 16px/1.2 var(--ck-font) !important;
	transform: none !important;
	transition: var(--ck-t) !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce .payu-decline .payu-decline__btn:hover,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .payu-decline__btn:hover,
body.woocommerce-checkout .payu-decline__btn:hover {
	background: var(--ck-accent-hover-fill) !important;
	background-color: var(--ck-accent-hover-fill) !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce .payu-decline .payu-decline__btn--soft,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .payu-decline__btn--soft,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce .payu-decline .payu-decline__btn--soft:focus,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .payu-decline__btn--soft:focus,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce .payu-decline .payu-decline__btn--soft:active,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .payu-decline__btn--soft:active,
body.woocommerce-checkout .payu-decline__btn--soft {
	background: var(--ck-white) !important;
	background-color: var(--ck-white) !important;
	color: var(--ck-accent) !important;
	border: 1.5px solid var(--ck-accent) !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce .payu-decline .payu-decline__btn--soft:hover,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .payu-decline__btn--soft:hover,
body.woocommerce-checkout .payu-decline__btn--soft:hover {
	background: var(--ck-tint) !important;
	background-color: var(--ck-tint) !important;
	color: var(--ck-accent) !important;
}
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce .payu-decline .payu-decline__btn:focus-visible,
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment .payu-decline__btn:focus-visible,
body.woocommerce-checkout .payu-decline__btn:focus-visible {
	outline: var(--ck-outline) !important;
	outline-offset: 3px !important;
	box-shadow: none !important;
}
body.woocommerce-checkout .payu-decline--inline,
body.woocommerce-checkout .payu-decline__still {
	font-family: var(--ck-font) !important;
	border-radius: var(--ck-r-s) !important;
}
/* The sandbox tester panel (section 15 of the PayU stylesheet) is deliberately untouched. */

/* ==========================================================================
   12. Footer band (printed by the plugin at wp_footer)
   ========================================================================== */
body.woocommerce-checkout .abdig-ck-footer {
	background: var(--ck-surface-2);
	border-top: 1px solid var(--ck-line);
	padding: 8px 24px;
	font-family: var(--ck-font);
	color: var(--ck-ink-2);
	margin-top: auto; /* the body is a flex column (below): the band sits on the bottom edge when the page is short */
}
/* Blocksy gives #main-container min-height: 100vh, which pushed the band one full screen down on a
   short order-pay page. The body becomes the flex column instead, so the band lands on the bottom
   edge when the form fits and after the form when it does not. */
body.woocommerce-checkout {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}
body.woocommerce-checkout #main-container {
	min-height: 0 !important;
	flex: 1 0 auto;
	width: 100%;
}
/* CusRev's PhotoSwipe container is printed after the footer; without its stylesheet (trimmed on
   the checkout) it renders as a 48 px empty block below the band. Nothing on these pages uses it. */
body.woocommerce-checkout .cr-pswp,
body.woocommerce-checkout .pswp {
	display: none !important;
}
body.woocommerce-checkout .abdig-ck-footer__in {
	max-width: 1072px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 4px 24px;
}
body.woocommerce-checkout .abdig-ck-footer__links {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 13px;
}
body.woocommerce-checkout .abdig-ck-footer__links a {
	color: var(--ck-accent);
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding: 0;
	transition: var(--ck-t);
}
body.woocommerce-checkout .abdig-ck-footer__links a:hover,
body.woocommerce-checkout .abdig-ck-footer__links a:focus-visible {
	color: var(--ck-accent);
	text-decoration: underline;
}
body.woocommerce-checkout .abdig-ck-footer__links a:focus-visible {
	outline: var(--ck-outline);
	outline-offset: 2px;
	border-radius: 2px;
}
body.woocommerce-checkout .abdig-ck-footer__copy {
	font-size: 12px;
	color: var(--ck-ink-2);
}

/* ==========================================================================
   13. Order-pay chrome: the slim header (printed by module 01) retokened
   ========================================================================== */
body.woocommerce-order-pay .wfacp-checkout-form-block #wfacp-e-form .abdig-pay-header {
	padding: 0 0 16px !important;
	margin: 0 0 24px !important;
	border-bottom: 1px solid var(--ck-line) !important;
}
body.woocommerce-order-pay .wfacp-checkout-form-block #wfacp-e-form .abdig-pay-brand img {
	width: 32px !important;
	height: 32px !important;
}
body.woocommerce-order-pay .wfacp-checkout-form-block #wfacp-e-form .abdig-pay-brand span {
	font-family: var(--ck-font) !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	color: var(--ck-ink) !important;
}
body.woocommerce-order-pay .wfacp-checkout-form-block #wfacp-e-form .abdig-pay-secure {
	background: transparent !important;
	border: 0 !important;
	padding: 0 !important;
	gap: 6px !important;
	font-family: var(--ck-font) !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	color: var(--ck-ink-2) !important;
}
body.woocommerce-order-pay .wfacp-checkout-form-block #wfacp-e-form .abdig-pay-secure svg {
	width: 16px !important;
	height: 16px !important;
}
body.woocommerce-order-pay .wfacp-checkout-form-block #wfacp-e-form .abdig-pay-title {
	margin: 0 0 24px !important;
}
body.woocommerce-order-pay .wfacp-checkout-form-block #wfacp-e-form .abdig-pay-order {
	font-family: var(--ck-font) !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	letter-spacing: .06em !important;
	color: var(--ck-ink-2) !important;
	margin: 0 0 4px !important;
}
body.woocommerce-order-pay .wfacp-checkout-form-block #wfacp-e-form h2.abdig-pay-h {
	font-family: var(--ck-font) !important;
	font-size: 28px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	letter-spacing: -0.01em !important;
	color: var(--ck-ink) !important;
}
body.woocommerce-order-pay .wfacp-checkout-form-block #wfacp-e-form .wfacp-left-panel > .wfacp-section:not(.wfacp_payment) .abdig-tips-wrap--pay {
	margin: 16px 0 0 !important;
	padding: 0 !important;
	border-top: 0 !important;
}

/* ==========================================================================
   14. Layout. Below 1024: one column in DOM order, summary open.
       From 1024: the two-column grid with the sticky card.
   ========================================================================== */
body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce .wfacp-left-panel {
	display: block;
	padding: 0 !important;
	margin: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
}

@media (min-width: 1024px) {
	body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce .wfacp-left-panel {
		display: grid !important;
		grid-template-columns: minmax(560px, 640px) minmax(360px, 400px);
		grid-template-rows: auto auto;
		column-gap: 40px;
		row-gap: 0;
		justify-content: space-between;
		align-items: start;
	}
	body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce .wfacp-left-panel > .wfacp-section.step_0 {
		grid-column: 1;
		grid-row: 1;
	}
	body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce .wfacp-left-panel > .wfacp-section.wfacp_payment {
		grid-column: 1;
		grid-row: 2;
		margin-bottom: 0 !important;
	}
	body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce .wfacp-left-panel > .wfacp-section.step_1 {
		grid-column: 2;
		grid-row: 1 / span 2;
		position: sticky !important;
		top: 24px !important;
		align-self: start;
		margin: 0 !important;
	}
	/* Order-pay: FunnelKit's pay template puts only the summary section inside
	   .wfacp-left-panel; the tips block and the payment section are its siblings
	   inside form#order_review > .checkout. That wrapper is the grid there: the
	   panel (summary card) on the right and sticky, the tips block under it until
	   checkout.js folds it into the card, the payment section on the left. */
	body.woocommerce-order-pay .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce .wfacp-left-panel {
		display: block !important;
	}
	body.woocommerce-order-pay .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce form#order_review > .checkout {
		display: grid !important;
		grid-template-columns: minmax(560px, 640px) minmax(360px, 400px);
		grid-template-rows: auto auto;
		column-gap: 40px;
		row-gap: 0;
		justify-content: space-between;
		align-items: start;
	}
	body.woocommerce-order-pay .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce form#order_review > .checkout > .wfacp-left-panel {
		grid-column: 2;
		grid-row: 1 / span 2; /* a sticky item cannot move inside a grid area equal to its own height */
		position: sticky !important;
		top: 24px !important;
		align-self: start;
		margin: 0 !important;
	}
	body.woocommerce-order-pay .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce .wfacp-left-panel > .wfacp-section:not(.wfacp_payment) {
		margin: 0 !important;
	}
	body.woocommerce-order-pay .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce form#order_review > .checkout > .abdig-tips-wrap--pay {
		grid-column: 2;
		grid-row: auto; /* row 3 until checkout.js folds it into the card */
		margin-top: 16px !important;
	}
	body.woocommerce-order-pay .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce form#order_review > .checkout > .wfacp-section.wfacp_payment {
		grid-column: 1;
		grid-row: 1 / span 2;
		margin-bottom: 0 !important;
	}
	/* Desktop coupon: the field is inline and the link is gone. FunnelKit prints
	   the box with style="display:none" and never re-prints it (only the message
	   span is a fragment), so the attribute override is stable without JS. */
	body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #order_coupon_field .woocommerce-form-coupon-toggle {
		display: none !important;
	}
	body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #order_coupon_field .wfacp_coupon_field_box[style*="display: none"],
	body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #order_coupon_field .wfacp_coupon_field_box[style*="display:none"] {
		display: flex !important;
	}
	body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #order_coupon_field .woocommerce-form-coupon-toggle + .wfacp_coupon_field_box {
		margin-top: 0 !important;
	}
}

@media (max-width: 1023px) {
	body.woocommerce-checkout .entry-content .bwf-section-wrap:has(#wfacp-e-form) > .bwf-col {
		padding: 0 24px !important;
	}
}

@media (max-width: 767px) {
	body.woocommerce-checkout .entry-content .bwf-section-wrap:has(#wfacp-e-form) > .bwf-col {
		padding: 0 16px !important;
	}
	body.woocommerce-checkout .entry-content .bwf-section-wrap:has(#wfacp-e-form) {
		padding-bottom: 32px !important;
	}
	body.woocommerce-checkout .entry-content h2.wp-block-kadence-advancedheading,
	body.woocommerce-order-pay .wfacp-checkout-form-block #wfacp-e-form h2.abdig-pay-h {
		font-size: 24px !important;
	}
	body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce h2.wfacp_section_heading,
	body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce .wfacp_section_title {
		font-size: 18px !important;
	}
	body.woocommerce-checkout .my-chk-wrapper {
		margin: 24px auto !important;
		padding: 0 16px !important; /* "Confirmation" ended 4 px from the edge at 390 */
		box-sizing: border-box !important;
	}
	body.woocommerce-checkout .my-chk-circle {
		width: 24px !important;
		height: 24px !important;
		font-size: 12px !important;
	}
	body.woocommerce-checkout .my-chk-line {
		margin-top: 11px !important;
	}
	body.woocommerce-checkout .my-chk-label {
		font-size: 12px !important;
	}
	body.woocommerce-checkout .my-chk-step {
		width: 80px !important;
	}
	body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce .wfacp-section {
		margin-bottom: 24px !important;
	}
	/* The summary card on a phone: 16 px padding */
	body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce .wfacp-left-panel > .wfacp-section.step_1,
	body.woocommerce-order-pay .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce .wfacp-left-panel > .wfacp-section:not(.wfacp_payment) {
		padding: 16px !important;
		margin-bottom: 24px !important;
	}
	body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment ul.payment_methods > li.wc_payment_method > label {
		padding: 10px 16px 10px 52px !important;
	}
	body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment ul.payment_methods li.wc_payment_method > input[type="radio"] {
		left: 16px !important;
	}
	/* Card row: the brand mark is ONE composite image (Visa, Mastercard and Amex in a single
	   SVG, 5:1); sized by height only so it keeps its ratio. At 18 px it is 90 px wide and the
	   row stays on one line down to 360 px ("Credit or debit card" 146 px + 8 px gap + 90 px);
	   the PayPal and PSE marks keep their size */
	body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment ul.payment_methods > li.payment_method_payu_credit_card > label {
		gap: 8px !important;
	}
	body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce #payment ul.payment_methods > li.payment_method_payu_credit_card > label img {
		width: auto !important;
		max-width: 90px !important;
		height: 18px !important;
		max-height: 18px !important;
	}
	body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form .wfacp_main_form.woocommerce .payu-decline .payu-decline__choices {
		grid-template-columns: 1fr !important;
	}
	body.woocommerce-checkout .abdig-ck-footer {
		padding: 10px 16px 12px;
	}
	body.woocommerce-checkout .abdig-ck-footer__in {
		flex-direction: column;
		align-items: center;
		text-align: center;
		gap: 0;
	}
	body.woocommerce-checkout .abdig-ck-footer__links a {
		min-height: 36px;
	}
	body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #abdig-tips.abdig-tips .abdig-tips__custom .abdig-tips__field .abdig-tips__money input.abdig-tips__input,
	body.woocommerce-checkout .wfacp-checkout-form-block #wfacp-e-form #abdig-tips.abdig-tips .abdig-tips__custom button.abdig-tips__apply {
		width: 100% !important;
	}
}

/* ==========================================================================
   15. Motion: colour, border and shadow only, and none at all when asked
   ========================================================================== */
@media (prefers-reduced-motion: reduce) {
	body.woocommerce-checkout *,
	body.woocommerce-checkout *::before,
	body.woocommerce-checkout *::after {
		transition: none !important;
		animation: none !important;
	}
}