/* odstopodpogodbe.si — FunnelKit's store checkout (step 20) and thank-you page (22) in the landing page's look (010e-4).
   Target: specs/landing-preview/checkout-preview-sl.html (v4). Every rule is scoped to body.ewb-checkout (ewb-checkout.php).
   The faces are ewb-landing's files (010e-3), the same URLs, so a buyer coming from the landing page has them cached. */

@font-face { font-family: "Instrument Sans"; font-style: normal; font-weight: 400 700; font-display: swap; src: url("../ewb-landing/fonts/instrument-sans-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Instrument Sans"; font-style: normal; font-weight: 400 700; font-display: swap; src: url("../ewb-landing/fonts/instrument-sans-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Outfit"; font-style: normal; font-weight: 700 800; font-display: swap; src: url("../ewb-landing/fonts/outfit-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Outfit"; font-style: normal; font-weight: 700 800; font-display: swap; src: url("../ewb-landing/fonts/outfit-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

body.ewb-checkout {
  --dark: #15213B; --dark-2: #0F182C; --accent: #4DA3FF; --accent-2: #2F8BF0; --accent-3: #1E63C8; --accent-tint: #E3F0FF; --accent-tint-2: #F0F6FF;
  --paper: #F5F7FB; --paper-2: #E9EEF5; --line: #D6DEEA; --ink: #111A2E; --muted: #5A677F; --white: #FFFFFF;
  --display: "Outfit", "Helvetica Neue", Arial, sans-serif;
  --body: "Instrument Sans", "Segoe UI", Helvetica, Arial, sans-serif;
  --r: 12px;
  color: var(--ink);
}

/* round 1 — the faces: FunnelKit's form block sets Poppins on every element (selectors with an id), hence !important */
body.ewb-checkout, body.ewb-checkout .wfacp-template-container * { font-family: var(--body) !important; }

/* round 1 — header + stepper (a Custom HTML block at the top of steps 20 and 22) */
body.ewb-checkout .ewb-head, body.ewb-checkout .ewb-stepline { background: var(--white); border-bottom: 1px solid var(--line); font-size: 16px; line-height: 1.5; }
body.ewb-checkout .ewb-wrap { max-width: 1080px; margin: 0 auto; padding-inline: 20px; box-sizing: border-box; }
body.ewb-checkout .ewb-head .ewb-wrap { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 64px; }
body.ewb-checkout .ewb-brand, body.ewb-checkout .ewb-brand b { font-family: var(--display) !important; }
body.ewb-checkout .ewb-brand { font-weight: 800; font-size: 1.15rem; line-height: 1.1; color: var(--dark); text-decoration: none; letter-spacing: -0.02em; }
body.ewb-checkout .ewb-brand b { color: var(--accent-2); font-weight: 800; }
body.ewb-checkout .ewb-secure { display: inline-flex; align-items: center; gap: 8px; font-size: .85rem; color: var(--muted); }
body.ewb-checkout .ewb-secure svg { width: 16px; height: 16px; flex: none; color: var(--accent-2); }
body.ewb-checkout .ewb-stepline .ewb-wrap { display: flex; flex-wrap: nowrap; gap: 10px; align-items: center; justify-content: center; min-height: 56px; font-size: .9rem; color: var(--muted); }
body.ewb-checkout .ewb-stepline span { display: inline-flex; align-items: center; gap: 9px; white-space: nowrap; }
body.ewb-checkout .ewb-stepline span::before { content: attr(data-n); width: 26px; height: 26px; border-radius: 50%; border: 1.5px solid var(--line); box-sizing: border-box; color: var(--muted); font: 700 .8rem var(--display); display: grid; place-items: center; background: var(--white); }
body.ewb-checkout .ewb-stepline span.on { color: var(--dark); font-weight: 600; }
body.ewb-checkout .ewb-stepline span.on::before { background: var(--accent-2); border-color: var(--accent-2); color: var(--white); box-shadow: 0 0 0 4px var(--accent-tint); }
body.ewb-checkout .ewb-stepline span.done { color: var(--dark); }
body.ewb-checkout .ewb-stepline span.done::before { content: "✓"; background: var(--accent-tint); border-color: var(--accent-tint); color: var(--accent-2); }
body.ewb-checkout .ewb-stepline i { flex: 1 1 24px; max-width: 48px; min-width: 14px; height: 2px; background: var(--line); border-radius: 2px; }
body.ewb-checkout .ewb-stepline i.done { background: var(--accent-2); }
@media (max-width: 420px) {
  body.ewb-checkout .ewb-stepline .ewb-wrap { font-size: .82rem; gap: 8px; }
  body.ewb-checkout .ewb-stepline span::before { width: 22px; height: 22px; font-size: .72rem; }
}

/* round 2 — card 1 "Vaši podatki" (FunnelKit's first section, by its index: the name-based class changes with the name).
   The id twice: FunnelKit's own rules carry #wfacp-e-form plus up to six classes. */
body.ewb-checkout #wfacp-e-form#wfacp-e-form .form_section_single_step_0_gutenberg { background: var(--white); border: 1px solid var(--line); border-radius: var(--r); padding: 22px; margin: 0 0 16px; box-sizing: border-box; }
body.ewb-checkout #wfacp-e-form#wfacp-e-form .wfacp-section .wfacp_section_title { display: flex; align-items: center; gap: 10px; margin: 0 0 16px; padding: 0; font-family: var(--display) !important; font-weight: 700; font-size: 1.15rem; line-height: 1.1; letter-spacing: -0.02em; color: var(--dark); }
body.ewb-checkout #wfacp-e-form#wfacp-e-form .form_section_single_step_0_gutenberg .wfacp_section_title::before { content: "1"; width: 26px; height: 26px; border-radius: 50%; background: var(--accent-tint); color: var(--accent-2); font: 800 .85rem/1 var(--display); letter-spacing: 0; display: grid; place-items: center; flex: none; }
body.ewb-checkout #wfacp-e-form#wfacp-e-form .form_section_single_step_0_gutenberg .wfacp-comm-title { margin: 0; padding: 0; }
body.ewb-checkout #wfacp-e-form#wfacp-e-form .form_section_single_step_0_gutenberg .wfacp-row { display: grid; grid-template-columns: 1fr; gap: 12px; margin: 0; }
body.ewb-checkout #wfacp-e-form#wfacp-e-form .form_section_single_step_0_gutenberg .wfacp-row::before,
body.ewb-checkout #wfacp-e-form#wfacp-e-form .form_section_single_step_0_gutenberg .wfacp-row::after { display: none; }
body.ewb-checkout #wfacp-e-form#wfacp-e-form .form_section_single_step_0_gutenberg .wfacp_divider_field { display: contents !important; } /* FunnelKit: 2 ids + 5 classes */
body.ewb-checkout #wfacp-e-form#wfacp-e-form .form_section_single_step_0_gutenberg .form-row { width: auto !important; max-width: none !important; float: none !important; margin: 0 !important; padding: 0 !important; clear: none !important; display: grid; gap: 5px; align-content: start; min-width: 0; }
body.ewb-checkout #billing_email_field { order: 1; } body.ewb-checkout #billing_first_name_field { order: 2; } body.ewb-checkout #billing_last_name_field { order: 3; }
body.ewb-checkout #billing_address_1_field { order: 4; } body.ewb-checkout #billing_city_field { order: 5; } body.ewb-checkout #billing_postcode_field { order: 6; }
body.ewb-checkout #wfacp-e-form#wfacp-e-form #billing_country_field { order: 7; } body.ewb-checkout #billing_company_field { order: 8; } body.ewb-checkout #billing_vat_id_field { order: 9; }
body.ewb-checkout #wfacp-e-form#wfacp-e-form .form_section_single_step_0_gutenberg .form-row label.wfacp-form-control-label { position: static; transform: none; display: block; margin: 0; padding: 0; background: none; font-size: .82rem; font-weight: 500; line-height: 1.4; color: var(--muted); opacity: 1; visibility: visible; pointer-events: auto; }
body.ewb-checkout #wfacp-e-form#wfacp-e-form .form_section_single_step_0_gutenberg .form-row label abbr.required { color: var(--accent-2); text-decoration: none; border: 0; }
body.ewb-checkout #wfacp-e-form#wfacp-e-form .form_section_single_step_0_gutenberg .form-row label .optional { font-weight: 400; color: #8A95A8; }
body.ewb-checkout #wfacp-e-form#wfacp-e-form .form_section_single_step_0_gutenberg .form-row .wfacp-form-control { border: 1px solid #C9CFD8; border-radius: 8px; padding: 11px 12px; min-height: 46px; height: auto; font-size: .98rem; line-height: 1.4; background: var(--white); color: var(--ink); box-shadow: none; box-sizing: border-box; }
body.ewb-checkout #wfacp-e-form#wfacp-e-form .form_section_single_step_0_gutenberg .form-row .wfacp-form-control::placeholder { color: #8A95A8; opacity: 1; }
body.ewb-checkout #wfacp-e-form#wfacp-e-form .form_section_single_step_0_gutenberg .form-row .wfacp-form-control:focus { border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-tint); outline: none; }
body.ewb-checkout #wfacp-e-form#wfacp-e-form #billing_country_field .woocommerce-input-wrapper strong { display: flex; align-items: center; min-height: 46px; padding: 11px 12px; border: 1px solid #C9CFD8; border-radius: 8px; background: var(--paper); font-size: .98rem; font-weight: 400; color: var(--ink); box-sizing: border-box; }
body.ewb-checkout #wfacp-e-form#wfacp-e-form .ewb-help { font-size: .82rem; line-height: 1.4; color: var(--muted); }
body.ewb-checkout #wfacp-e-form#wfacp-e-form .form_section_single_step_0_gutenberg .wfacp_inline_error:empty { display: none; }
@media (min-width: 900px) {
  body.ewb-checkout #wfacp-e-form#wfacp-e-form .form_section_single_step_0_gutenberg .wfacp-row { grid-template-columns: 1fr 1fr; }
  body.ewb-checkout #wfacp-e-form#wfacp-e-form .form_section_single_step_0_gutenberg .form-row { grid-column: span 2; }
  body.ewb-checkout #wfacp-e-form#wfacp-e-form .form_section_single_step_0_gutenberg .form-row:is(#billing_first_name_field, #billing_last_name_field, #billing_city_field, #billing_postcode_field, #billing_company_field, #billing_vat_id_field) { grid-column: span 1; }
}

/* round 3 — card 2 "Plačilo": the methods as cards, the chosen one azure; the wallets at the top on phones only (FunnelKit Stripe has no
   per-device option); the order button in the landing page's dark ink. The id twice as in round 2; !important where FunnelKit uses it
   or sets the style inline (the express block's display, the button's colours from the form block). */
body.ewb-checkout #wfacp-e-form#wfacp-e-form .wfacp_payment { background: var(--white); border: 1px solid var(--line); border-radius: var(--r); padding: 22px; margin: 0 0 16px; box-sizing: border-box; }
body.ewb-checkout #wfacp-e-form#wfacp-e-form .wfacp_payment .wfacp-comm-title { margin: 0; padding: 0; }
body.ewb-checkout #wfacp-e-form#wfacp-e-form .wfacp_payment .wfacp_section_title::before { content: "2"; width: 26px; height: 26px; border-radius: 50%; background: var(--accent-tint); color: var(--accent-2); font: 800 .85rem/1 var(--display); letter-spacing: 0; display: grid; place-items: center; flex: none; }
body.ewb-checkout #wfacp-e-form#wfacp-e-form .wfacp_payment .wfacp-comm-title h4 { display: none; }
body.ewb-checkout #wfacp-e-form#wfacp-e-form #payment { background: none; border: 0; padding: 0; margin: 0; }
body.ewb-checkout #wfacp-e-form#wfacp-e-form #payment ul.wc_payment_methods { list-style: none; display: grid; gap: 10px; margin: 0; padding: 0; border: 0; background: none; }
body.ewb-checkout #wfacp-e-form#wfacp-e-form #payment ul.wc_payment_methods > li { margin: 0; padding: 12px 14px; border: 1.5px solid var(--line); border-radius: 10px; background: var(--white); box-sizing: border-box; }
body.ewb-checkout #wfacp-e-form#wfacp-e-form #payment ul.wc_payment_methods > li:has(> input:checked) { border-color: var(--accent); background: var(--accent-tint-2); box-shadow: 0 0 0 3px var(--accent-tint); }
body.ewb-checkout #wfacp-e-form#wfacp-e-form #payment ul.wc_payment_methods > li > label { display: inline-flex; align-items: center; gap: 10px; flex-wrap: wrap; margin: 0; font-size: 1rem; font-weight: 600; line-height: 1.4; color: var(--ink); }
body.ewb-checkout #wfacp-e-form#wfacp-e-form #payment ul.wc_payment_methods > li > input.input-radio { appearance: none !important; width: 18px !important; height: 18px !important; margin: 0 8px 0 0 !important; border: 1.5px solid #C9CFD8 !important; border-radius: 50% !important; background: var(--white) !important; box-shadow: none !important; vertical-align: -3px; }
body.ewb-checkout #wfacp-e-form#wfacp-e-form #payment ul.wc_payment_methods > li > input.input-radio:checked { border-color: var(--accent-2) !important; background: var(--accent-2) !important; box-shadow: inset 0 0 0 4px var(--white) !important; }
body.ewb-checkout #wfacp-e-form#wfacp-e-form #payment ul.wc_payment_methods > li > input.input-radio::before,
body.ewb-checkout #wfacp-e-form#wfacp-e-form #payment ul.wc_payment_methods > li > input.input-radio::after { display: none !important; }
body.ewb-checkout #wfacp-e-form#wfacp-e-form .woocommerce-privacy-policy-text a { color: var(--accent-2); }
body.ewb-checkout #wfacp-e-form#wfacp-e-form #payment ul.wc_payment_methods > li img { height: 20px; width: auto; max-width: none; margin: 0 0 0 4px !important; vertical-align: middle; }
body.ewb-checkout #wfacp-e-form#wfacp-e-form #payment .payment_box { background: none; margin: 10px 0 0; padding: 0; font-size: .88rem; color: var(--muted); }
body.ewb-checkout #wfacp-e-form#wfacp-e-form #payment .payment_box::before { display: none; }
body.ewb-checkout #wfacp-e-form#wfacp-e-form .woocommerce-privacy-policy-text p { margin: 14px 0 0; font-size: .82rem; line-height: 1.45; color: var(--muted); }
body.ewb-checkout #wfacp-e-form#wfacp-e-form #place_order { display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; height: auto !important; min-height: 58px; margin: 18px 0 0; padding: 14px 24px !important; border: 1.5px solid var(--dark) !important; border-radius: 12px !important; background: var(--dark) !important; color: var(--white) !important; font-weight: 700 !important; font-size: 1.1rem !important; line-height: 1.2 !important; letter-spacing: 0; text-transform: none; box-shadow: 0 12px 28px -14px rgba(21, 33, 59, .55); }
body.ewb-checkout #wfacp-e-form#wfacp-e-form #place_order:hover { background: var(--dark-2) !important; border-color: var(--dark-2) !important; }
body.ewb-checkout #wfacp-e-form#wfacp-e-form #place_order::before { display: none; }
body.ewb-checkout #wfacp-e-form#wfacp-e-form #place_order::after { content: "→"; color: var(--accent); }

/* express pay: a card at the top on phones; on the desktop gone, Apple Pay and Google Pay are in the list instead */
body.ewb-checkout #wfacp-e-form#wfacp-e-form #fkwcs_stripe_smart_button_wrapper { background: var(--white); border: 1px solid var(--line); border-radius: var(--r); padding: 22px; margin: 0 0 16px; box-sizing: border-box; }
body.ewb-checkout #wfacp-e-form#wfacp-e-form #fkwcs_stripe_smart_button { text-align: left !important; }
body.ewb-checkout #wfacp-e-form#wfacp-e-form #fkwcs-expresscheckout-fieldset { display: grid !important; gap: 10px; margin: 0; padding: 0; border: 0; }
body.ewb-checkout #wfacp-e-form#wfacp-e-form #fkwcs-expresscheckout-fieldset legend { float: left; width: 100%; margin: 0 0 6px; padding: 0; text-align: left; font-family: var(--display) !important; font-weight: 700; font-size: 1.15rem; line-height: 1.1; letter-spacing: -0.02em; color: var(--dark); }
body.ewb-checkout #wfacp-e-form#wfacp-e-form #fkwcs-payment-request-separator { display: flex !important; align-items: center; gap: 12px; width: 100%; margin: 14px 0 0; padding: 0; }
body.ewb-checkout #wfacp-e-form#wfacp-e-form #fkwcs-payment-request-separator::before,
body.ewb-checkout #wfacp-e-form#wfacp-e-form #fkwcs-payment-request-separator::after { content: ""; flex: 1; height: 1px; background: var(--line); }
body.ewb-checkout #wfacp-e-form#wfacp-e-form #fkwcs-payment-request-separator label { margin: 0; padding: 0; background: none; font-size: .85rem; color: var(--muted); }
@media (min-width: 900px) {
  body.ewb-checkout #wfacp-e-form#wfacp-e-form #fkwcs_stripe_smart_button_wrapper { display: none !important; }
}
@media (max-width: 899px) {
  body.ewb-checkout #wfacp-e-form#wfacp-e-form #payment ul.wc_payment_methods > li:is(.payment_method_fkwcs_stripe_apple_pay, .payment_method_fkwcs_stripe_google_pay) { display: none !important; }
}

/* round 4 (layout, brought forward at the owner's look of the desktop) — the page: the target's ground and one centred 1080 px grid;
   FunnelKit's 60/40 Sling columns (white | #f6faff) give way: the left column takes the width, the emptied right column goes. */
body.ewb-checkout { background: var(--paper) !important; }
body.ewb-checkout .wfacp-template-container, body.ewb-checkout .bwf-align-wrap-full { background: none !important; }
body.ewb-checkout .bwf-section-95a8e3f7 { background: none !important; padding: 0 !important; }
body.ewb-checkout .bwf-section-95a8e3f7::before, body.ewb-checkout .bwf-section-95a8e3f7::after { display: none !important; }
body.ewb-checkout .bwf-section-95a8e3f7 > .bwf-col { display: block !important; max-width: 1080px !important; margin: 0 auto !important; padding: 28px 20px 56px !important; box-sizing: border-box; }
body.ewb-checkout .bwf-section-95a8e3f7 .bwf-inner-col-5ae93db8 { display: none !important; }
body.ewb-checkout .bwf-section-95a8e3f7 .bwf-inner-col-5dde70a1 { display: block !important; width: 100% !important; max-width: none !important; flex: none !important; margin: 0 !important; padding: 0 !important; background: none !important; }
body.ewb-checkout .wfacp-checkout-form-block { margin: 0 !important; padding: 0 !important; }
body.ewb-checkout #wfacp-e-form#wfacp-e-form .wfacp-form { padding: 0 !important; }
/* the form's pieces as one grid: the express card (phones), card 1, the summary, card 2 */
body.ewb-checkout #wfacp-e-form#wfacp-e-form #wfacp_checkout_form { display: grid; gap: 16px; align-items: start; }
body.ewb-checkout #wfacp-e-form#wfacp-e-form .wfacp-left-panel { display: contents; }
body.ewb-checkout #wfacp-e-form#wfacp-e-form #wfacp_checkout_form :is(.wfacp-section, #fkwcs_stripe_smart_button_wrapper) { margin: 0 !important; min-width: 0; }
body.ewb-checkout #wfacp-e-form#wfacp-e-form .form_section_single_step_2_gutenberg { order: -2; background: var(--white); border: 1px solid var(--line); border-top: 4px solid var(--accent); border-radius: var(--r); padding: 22px; box-sizing: border-box; }
body.ewb-checkout #wfacp-e-form#wfacp-e-form #fkwcs_stripe_smart_button_wrapper { order: -1; }
body.ewb-checkout #wfacp-e-form#wfacp-e-form .wfacp_collapsible_order_summary_wrap { display: none !important; }
@media (min-width: 900px) {
  body.ewb-checkout .bwf-section-95a8e3f7 > .bwf-col { padding: 40px 20px 72px !important; }
  body.ewb-checkout #wfacp-e-form#wfacp-e-form #wfacp_checkout_form { grid-template-columns: 1.15fr .85fr; column-gap: 32px; }
  body.ewb-checkout #wfacp-e-form#wfacp-e-form #wfacp_checkout_form > *, body.ewb-checkout #wfacp-e-form#wfacp-e-form .wfacp-left-panel > * { grid-column: 1; }
  body.ewb-checkout #wfacp-e-form#wfacp-e-form .form_section_single_step_2_gutenberg { order: 0; grid-column: 2; grid-row: 1 / span 6; position: sticky; top: 24px; }
}

/* round 4 — inside the summary: FunnelKit's table drawn as the target's item box, totals and renewal box; the lines ewb-checkout.php
   adds ("what you get", the renewal sentence, the three ✓ lines); Sublium's "Frequency" line and its "cart contains a subscription"
   row hidden (the renewal box says it). */
body.ewb-checkout #wfacp-e-form#wfacp-e-form .form_section_single_step_2_gutenberg .wfacp-comm-form-detail, body.ewb-checkout #wfacp-e-form#wfacp-e-form .form_section_single_step_2_gutenberg .wfacp-row { display: block; margin: 0; padding: 0; }
body.ewb-checkout #wfacp-e-form#wfacp-e-form .form_section_single_step_2_gutenberg .wfacp-row > * { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; }
body.ewb-checkout #wfacp-e-form#wfacp-e-form .form_section_single_step_2_gutenberg .woocommerce-form-coupon-toggle .woocommerce-info { margin: 0 0 12px !important; padding: 0 !important; border: 0 !important; background: none !important; font-size: .88rem; color: var(--muted); }
body.ewb-checkout #wfacp-e-form#wfacp-e-form .form_section_single_step_2_gutenberg .woocommerce-form-coupon-toggle .woocommerce-info::before { display: none !important; }
body.ewb-checkout #wfacp-e-form#wfacp-e-form .form_section_single_step_2_gutenberg a.wfacp_showcoupon { color: var(--accent-2) !important; font-size: .88rem; }
body.ewb-checkout #wfacp-e-form#wfacp-e-form .form_section_single_step_2_gutenberg :is(#order_summary_field, .wfacp_order_summary_container) { margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
body.ewb-checkout #wfacp-e-form#wfacp-e-form .form_section_single_step_2_gutenberg table.shop_table { display: block; width: 100%; margin: 0 !important; border: 0 !important; background: none !important; }
body.ewb-checkout #wfacp-e-form#wfacp-e-form .form_section_single_step_2_gutenberg table.shop_table :is(tbody, tfoot) { display: block; }
body.ewb-checkout #wfacp-e-form#wfacp-e-form .form_section_single_step_2_gutenberg table.shop_table tr { display: flex; justify-content: space-between; align-items: baseline; gap: 14px; width: 100% !important; box-sizing: border-box; margin: 0; padding: 0; border: 0 !important; background: none; }
body.ewb-checkout #wfacp-e-form#wfacp-e-form .form_section_single_step_2_gutenberg table.shop_table :is(td, th) { display: block; width: auto !important; min-width: 0; max-width: none !important; padding: 0 !important; border: 0 !important; background: none !important; text-align: left; font-size: .95rem; font-weight: 400; color: var(--ink); }
body.ewb-checkout #wfacp-e-form#wfacp-e-form .form_section_single_step_2_gutenberg table.shop_table tr.cart_item { display: grid; grid-template-columns: 1fr auto; gap: 6px 14px; margin: 0 0 4px; padding: 14px !important; border-radius: 10px; background: var(--paper); }
body.ewb-checkout #wfacp-e-form#wfacp-e-form .form_section_single_step_2_gutenberg tr.cart_item .product-image { display: none !important; }
body.ewb-checkout #wfacp-e-form#wfacp-e-form .form_section_single_step_2_gutenberg tr.cart_item .product-name { margin: 0 !important; padding: 0 !important; }
body.ewb-checkout #wfacp-e-form#wfacp-e-form .form_section_single_step_2_gutenberg .wfacp_order_summary_item_name { font-size: 1rem; font-weight: 600; line-height: 1.4; color: var(--ink); }
body.ewb-checkout #wfacp-e-form#wfacp-e-form .form_section_single_step_2_gutenberg .ewb-item-sub { display: block; margin-top: 6px; font-size: .85rem; line-height: 1.45; color: var(--muted); }
body.ewb-checkout #wfacp-e-form#wfacp-e-form .form_section_single_step_2_gutenberg tr.cart_item td.product-total { text-align: right; white-space: nowrap; font-weight: 600; font-variant-numeric: tabular-nums; }
body.ewb-checkout #wfacp-e-form#wfacp-e-form .form_section_single_step_2_gutenberg tr.cart_item td.product-total del { display: inline; margin-right: 6px; font-size: .85rem; font-weight: 400; color: var(--muted); opacity: 1; }
body.ewb-checkout #wfacp-e-form#wfacp-e-form .form_section_single_step_2_gutenberg tr.cart_item td.product-total del * { color: var(--muted) !important; font-weight: 400; }
body.ewb-checkout #wfacp-e-form#wfacp-e-form .form_section_single_step_2_gutenberg tr.cart_item td.product-total ins { text-decoration: none; background: none; color: var(--ink); }
body.ewb-checkout #wfacp-e-form#wfacp-e-form .form_section_single_step_2_gutenberg tr.cart_item td.product-total ins * { color: var(--ink) !important; font-weight: 600; }
body.ewb-checkout #wfacp-e-form#wfacp-e-form .form_section_single_step_2_gutenberg tfoot tr.cart-subtotal:not(.recurring-total) { padding: 10px 0 !important; border-top: 1px solid var(--line) !important; font-variant-numeric: tabular-nums; }
body.ewb-checkout #wfacp-e-form#wfacp-e-form .form_section_single_step_2_gutenberg tfoot tr.cart-subtotal:not(.recurring-total) th, body.ewb-checkout #wfacp-e-form#wfacp-e-form .form_section_single_step_2_gutenberg tfoot tr.cart-subtotal:not(.recurring-total) th * { color: var(--muted) !important; }
body.ewb-checkout #wfacp-e-form#wfacp-e-form .form_section_single_step_2_gutenberg tfoot tr.order-total { margin-top: 4px; padding: 10px 0 !important; border-top: 2px solid var(--dark) !important; font-variant-numeric: tabular-nums; }
body.ewb-checkout #wfacp-e-form#wfacp-e-form .form_section_single_step_2_gutenberg tfoot tr.order-total :is(th, td, th *, td *) { font-family: var(--display) !important; font-weight: 800 !important; font-size: 1.35rem !important; line-height: 1.2; color: var(--dark) !important; }
body.ewb-checkout #wfacp-e-form#wfacp-e-form .form_section_single_step_2_gutenberg tfoot tr.order-total td, body.ewb-checkout #wfacp-e-form#wfacp-e-form .form_section_single_step_2_gutenberg tfoot tr.order-total td * { color: var(--accent-2) !important; }
body.ewb-checkout #wfacp-e-form#wfacp-e-form .form_section_single_step_2_gutenberg tfoot tr.recurring-total.sublium-cart-item { margin-top: 14px; padding: 12px 14px 2px !important; border: 1px solid var(--accent-tint) !important; border-bottom: 0 !important; border-radius: 10px 10px 0 0; background: var(--accent-tint-2); }
body.ewb-checkout #wfacp-e-form#wfacp-e-form .form_section_single_step_2_gutenberg tr.sublium-cart-item :is(th, td, th *, td *) { font-size: .88rem !important; line-height: 1.45; }
body.ewb-checkout #wfacp-e-form#wfacp-e-form .form_section_single_step_2_gutenberg tr.sublium-cart-item .sublium-cart-item-price-string-label { font-weight: 600 !important; color: var(--dark) !important; }
body.ewb-checkout #wfacp-e-form#wfacp-e-form .form_section_single_step_2_gutenberg tr.sublium-cart-item p { margin: 2px 0 0 !important; padding: 0 !important; color: var(--ink) !important; }
body.ewb-checkout #wfacp-e-form#wfacp-e-form .form_section_single_step_2_gutenberg tr.sublium-cart-item p.sublium-cart-item-price-string-date-renewal + p.sublium-cart-item-price-string-date-renewal { display: none !important; }
body.ewb-checkout #wfacp-e-form#wfacp-e-form .form_section_single_step_2_gutenberg tr.sublium-cart-item p.sublium-cart-item-price-string-price, body.ewb-checkout #wfacp-e-form#wfacp-e-form .form_section_single_step_2_gutenberg tr.sublium-cart-item p.sublium-cart-item-price-string-price * { font-weight: 600 !important; white-space: nowrap; }
body.ewb-checkout #wfacp-e-form#wfacp-e-form .form_section_single_step_2_gutenberg tfoot tr.recurring-total:not(.sublium-cart-item) { display: none !important; }
body.ewb-checkout #wfacp-e-form#wfacp-e-form .form_section_single_step_2_gutenberg .ewb-recur-note { margin: 0 !important; padding: 2px 14px 12px; border: 1px solid var(--accent-tint); border-top: 0; border-radius: 0 0 10px 10px; background: var(--accent-tint-2); font-size: .88rem; line-height: 1.45; color: var(--ink); }
body.ewb-checkout #wfacp-e-form#wfacp-e-form .form_section_single_step_2_gutenberg .ewb-trust { display: grid; gap: 8px; margin-top: 18px; font-size: .88rem; line-height: 1.45; color: var(--muted); }
body.ewb-checkout #wfacp-e-form#wfacp-e-form .form_section_single_step_2_gutenberg .ewb-trust div { position: relative; padding-left: 24px; }
body.ewb-checkout #wfacp-e-form#wfacp-e-form .form_section_single_step_2_gutenberg .ewb-trust div::before { content: "✓"; position: absolute; left: 0; top: 1px; width: 16px; height: 16px; border-radius: 50%; background: var(--accent-tint); color: var(--accent-2); font-size: .65rem; font-weight: 700; display: grid; place-items: center; }
body.ewb-checkout #wfacp-e-form#wfacp-e-form .form_section_single_step_2_gutenberg tr.sublium-cart-item th { flex: 1 1 auto; min-width: 0; }
body.ewb-checkout #wfacp-e-form#wfacp-e-form .form_section_single_step_2_gutenberg tr.sublium-cart-item td { flex: none; }

/* closer to the target (the owner's comparison, 2026-10-16): the card's three logos at the right, no rule under the chosen method's
   label, no Sublium plan name under the product, Država without the star (fixed to Slovenija, nothing to fill) */
body.ewb-checkout #wfacp-e-form#wfacp-e-form #payment ul.wc_payment_methods > li { display: grid; grid-template-columns: auto 1fr; align-items: center; }
body.ewb-checkout #wfacp-e-form#wfacp-e-form #payment ul.wc_payment_methods > li > label { display: flex !important; align-items: center; gap: 10px; width: 100%; }
body.ewb-checkout #wfacp-e-form#wfacp-e-form #payment ul.wc_payment_methods > li > :is(.payment_box, div:not(.payment_box)) { grid-column: 1 / -1; }
body.ewb-checkout #wfacp-e-form#wfacp-e-form #payment ul.wc_payment_methods > li > label :is(.fkwcs_stripe_icons, img.stripe-icon, span:has(> img)) { margin-left: auto !important; display: inline-flex; gap: 6px; }
body.ewb-checkout #wfacp-e-form#wfacp-e-form #payment .fkwcs_stripe_icons img:not([alt="Visa"]):not([alt="Mastercard"]):not([alt="Amex"]) { display: none !important; }
body.ewb-checkout #wfacp-e-form#wfacp-e-form #payment ul.wc_payment_methods > li img { margin: 0 !important; }
body.ewb-checkout #wfacp-e-form#wfacp-e-form #payment .payment_box { border: 0 !important; }
body.ewb-checkout #wfacp-e-form#wfacp-e-form .form_section_single_step_2_gutenberg .sublium-front-description { display: none !important; }
body.ewb-checkout #wfacp-e-form#wfacp-e-form #billing_country_field label abbr.required { display: none; }
/* the chosen method's ground and the unchosen ones' white (FunnelKit paints the list transparent with !important), and the express
   separator's two lines in the flow (FunnelKit Stripe positions them absolutely, full width) */
body.ewb-checkout #wfacp-e-form#wfacp-e-form #payment ul.wc_payment_methods > li { background: var(--white) !important; }
body.ewb-checkout #wfacp-e-form#wfacp-e-form #payment ul.wc_payment_methods > li:has(> input:checked) { background: var(--accent-tint-2) !important; border-color: var(--accent) !important; box-shadow: 0 0 0 3px var(--accent-tint) !important; }
body.ewb-checkout #wfacp-e-form#wfacp-e-form #fkwcs-payment-request-separator::before,
body.ewb-checkout #wfacp-e-form#wfacp-e-form #fkwcs-payment-request-separator::after { position: static !important; width: auto !important; flex: 1 1 0 !important; height: 1px !important; margin: 0 !important; background: var(--line) !important; }
body.ewb-checkout #wfacp-e-form#wfacp-e-form #fkwcs-payment-request-separator label { flex: none; }

/* round 5 — the thank-you page (step 22): the same 1080 px grid, the head, the three steps, the order's data as the right card
   (first on phones, as the target's .summary). Hific's columns: left 196915c0, right 2f8f58c7. */
body.ewb-checkout--thankyou .bwf-section-44db2037 { background: none !important; padding: 0 !important; }
body.ewb-checkout--thankyou .bwf-section-44db2037 > .bwf-col { display: grid !important; gap: 20px; max-width: 1080px !important; margin: 0 auto !important; padding: 28px 20px 56px !important; box-sizing: border-box; }
body.ewb-checkout--thankyou .bwf-section-44db2037 :is(.bwf-inner-col-196915c0, .bwf-inner-col-2f8f58c7) { display: block !important; width: 100% !important; max-width: none !important; min-width: 0; flex: none !important; margin: 0 !important; padding: 0 !important; background: none !important; }
body.ewb-checkout--thankyou .bwf-section-44db2037 .bwf-inner-col-2f8f58c7 { order: -1; align-self: start; padding: 22px !important; background: var(--white) !important; border: 1px solid var(--line); border-top: 4px solid var(--accent); border-radius: var(--r); box-sizing: border-box; }
@media (min-width: 900px) {
  body.ewb-checkout--thankyou .bwf-section-44db2037 > .bwf-col { grid-template-columns: 1.15fr .85fr; gap: 32px; padding: 40px 20px 72px !important; }
  body.ewb-checkout--thankyou .bwf-section-44db2037 .bwf-inner-col-2f8f58c7 { order: 0; position: sticky; top: 24px; }
}
body.ewb-checkout--thankyou :is(.ewb-ty-head h1, .ewb-ty-head h1 *, .ewb-card h2, .ewb-step .n) { font-family: var(--display) !important; }
body.ewb-checkout--thankyou .ewb-ty-head { margin: 0 0 24px; }
body.ewb-checkout--thankyou .ewb-ok { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 12px; font-size: .92rem; font-weight: 600; color: var(--accent-2); }
body.ewb-checkout--thankyou .ewb-ok::before { content: "✓"; width: 22px; height: 22px; border-radius: 50%; background: var(--accent-tint); color: var(--accent-2); font-size: .8rem; display: grid; place-items: center; }
body.ewb-checkout--thankyou .ewb-ty-head h1 { margin: 0; font-weight: 800; font-size: clamp(1.7rem, 1.3rem + 1.6vw, 2.4rem); line-height: 1.1; letter-spacing: -0.02em; color: var(--dark); text-wrap: balance; }
body.ewb-checkout--thankyou .ewb-ty-head h1 .si { color: var(--accent-2); }
body.ewb-checkout--thankyou .ewb-ty-head p { max-width: 60ch; margin: 10px 0 0; font-size: 1.05rem; line-height: 1.5; color: var(--muted); }
body.ewb-checkout--thankyou .ewb-ty-head p b { color: var(--ink); }
body.ewb-checkout--thankyou .ewb-card { padding: 22px; background: var(--white); border: 1px solid var(--line); border-radius: var(--r); box-sizing: border-box; }
body.ewb-checkout--thankyou .ewb-card h2 { margin: 0 0 16px; font-weight: 700; font-size: 1.15rem; line-height: 1.1; letter-spacing: -0.02em; color: var(--dark); }
body.ewb-checkout--thankyou .ewb-steps { display: grid; gap: 14px; }
body.ewb-checkout--thankyou .ewb-step { display: grid; grid-template-columns: 40px 1fr; gap: 12px; align-items: start; }
body.ewb-checkout--thankyou .ewb-step .n { width: 40px; height: 40px; border-radius: 50%; background: var(--accent-tint); color: var(--accent-2); font-weight: 800; font-size: 1.05rem; display: grid; place-items: center; }
body.ewb-checkout--thankyou .ewb-step b { display: block; margin: 0 0 2px; font-weight: 700; color: var(--ink); }
body.ewb-checkout--thankyou .ewb-step p { margin: 0; font-size: .95rem; line-height: 1.5; color: var(--muted); }
body.ewb-checkout--thankyou .ewb-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 18px; }
body.ewb-checkout--thankyou .ewb-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 12px 24px; border: 1.5px solid var(--dark); border-radius: 12px; background: var(--dark); color: var(--white); font-size: 1.1rem; font-weight: 700; text-decoration: none; box-shadow: 0 12px 28px -14px rgba(21, 33, 59, .55); box-sizing: border-box; }
body.ewb-checkout--thankyou .ewb-btn--ghost { background: transparent; color: var(--dark); font-size: 1rem; font-weight: 600; box-shadow: none; }

/* round 5 — inside the right card: FunnelKit's order and customer blocks (read on order 26) in the target's summary look; the faces
   on this page too (the blocks named Poppins / Open Sans, now not loaded) */
body.ewb-checkout--thankyou .bwf-section-44db2037 * { font-family: var(--body) !important; }
body.ewb-checkout--thankyou .bwf-inner-col-2f8f58c7 .wfty_wrap, body.ewb-checkout--thankyou .bwf-inner-col-2f8f58c7 .wffn_order_details_table { margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; }
body.ewb-checkout--thankyou .bwf-inner-col-2f8f58c7 .wfty_box { margin: 0 0 18px !important; padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; }
body.ewb-checkout--thankyou .bwf-inner-col-2f8f58c7 .wfty_title { margin: 0 0 14px !important; padding: 0 !important; border: 0 !important; background: none !important; font-family: var(--display) !important; font-weight: 700 !important; font-size: 1.15rem !important; line-height: 1.1 !important; letter-spacing: -0.02em; text-align: left !important; color: var(--dark) !important; }
body.ewb-checkout--thankyou .bwf-inner-col-2f8f58c7 .wfty-customer-info-heading:empty { display: none !important; }
body.ewb-checkout--thankyou .bwf-inner-col-2f8f58c7 .wfty_pro_list { display: grid !important; grid-template-columns: 1fr auto; gap: 6px 14px; float: none !important; margin: 0 0 4px !important; padding: 14px !important; border: 0 !important; border-radius: 10px; background: var(--paper) !important; }
body.ewb-checkout--thankyou .bwf-inner-col-2f8f58c7 .wfty_pro_list::before, body.ewb-checkout--thankyou .bwf-inner-col-2f8f58c7 .wfty_pro_list::after, body.ewb-checkout--thankyou .bwf-inner-col-2f8f58c7 .wfty-clearfix { display: none !important; }
body.ewb-checkout--thankyou .bwf-inner-col-2f8f58c7 :is(.wfty_leftDiv, .wfty_rightDiv, .wfty_p_name) { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; }
body.ewb-checkout--thankyou .bwf-inner-col-2f8f58c7 :is(.wfty_p_img, .wfty_quantity_value_box) { display: none !important; }
body.ewb-checkout--thankyou .bwf-inner-col-2f8f58c7 .wfty_p_name a { font-size: 1rem !important; font-weight: 600 !important; line-height: 1.4; color: var(--ink) !important; text-decoration: none !important; }
body.ewb-checkout--thankyou .bwf-inner-col-2f8f58c7 .wfty_info, body.ewb-checkout--thankyou .bwf-inner-col-2f8f58c7 .wfty_info * { margin-top: 4px; font-size: .85rem !important; line-height: 1.45; color: var(--muted) !important; }
body.ewb-checkout--thankyou .bwf-inner-col-2f8f58c7 .wfty_rightDiv, body.ewb-checkout--thankyou .bwf-inner-col-2f8f58c7 .wfty_rightDiv * { font-size: .95rem !important; font-weight: 600 !important; text-align: right; white-space: nowrap; color: var(--ink) !important; font-variant-numeric: tabular-nums; }
body.ewb-checkout--thankyou .bwf-inner-col-2f8f58c7 .wfty_order_details :is(table, tfoot, tbody) { display: block; width: 100%; margin: 0 !important; border: 0 !important; background: none !important; }
body.ewb-checkout--thankyou .bwf-inner-col-2f8f58c7 .wfty_order_details tr { display: flex; justify-content: space-between; align-items: baseline; gap: 14px; padding: 10px 0; border: 0; border-top: 1px solid var(--line); }
body.ewb-checkout--thankyou .bwf-inner-col-2f8f58c7 .wfty_order_details :is(th, td) { display: block; padding: 0 !important; border: 0 !important; background: none !important; text-align: left; font-size: .95rem !important; font-weight: 400 !important; color: var(--ink) !important; }
body.ewb-checkout--thankyou .bwf-inner-col-2f8f58c7 .wfty_order_details th { color: var(--muted) !important; }
body.ewb-checkout--thankyou .bwf-inner-col-2f8f58c7 .wfty_order_details tr:last-child { margin-top: 4px; border-top: 2px solid var(--dark); }
body.ewb-checkout--thankyou .bwf-inner-col-2f8f58c7 .wfty_order_details tr:last-child :is(th, td, td *) { font-family: var(--display) !important; font-weight: 800 !important; font-size: 1.35rem !important; line-height: 1.2; color: var(--dark) !important; }
body.ewb-checkout--thankyou .bwf-inner-col-2f8f58c7 .wfty_order_details tr:last-child td, body.ewb-checkout--thankyou .bwf-inner-col-2f8f58c7 .wfty_order_details tr:last-child td * { color: var(--accent-2) !important; }
body.ewb-checkout--thankyou .bwf-inner-col-2f8f58c7 .wfty_order_downloads, body.ewb-checkout--thankyou .bwf-inner-col-2f8f58c7 .wfty_order_downloads tbody { display: block; width: 100%; margin: 0 !important; border: 0 !important; }
body.ewb-checkout--thankyou .bwf-inner-col-2f8f58c7 .wfty_order_downloads thead { display: none; }
body.ewb-checkout--thankyou .bwf-inner-col-2f8f58c7 .wfty_order_downloads tr { display: flex; justify-content: space-between; align-items: center; gap: 14px; }
body.ewb-checkout--thankyou .bwf-inner-col-2f8f58c7 .wfty_order_downloads td { padding: 0 !important; border: 0 !important; background: none !important; font-size: .95rem !important; color: var(--ink) !important; }
body.ewb-checkout--thankyou .bwf-inner-col-2f8f58c7 .wfty_order_downloads a.button { display: inline-flex; align-items: center; min-height: 38px; padding: 6px 16px !important; border: 1.5px solid var(--dark) !important; border-radius: 10px !important; background: transparent !important; color: var(--dark) !important; font-size: .9rem !important; font-weight: 600 !important; text-decoration: none !important; box-shadow: none !important; }
body.ewb-checkout--thankyou .bwf-inner-col-2f8f58c7 table.woocommerce-table--order-details { width: 100%; margin: 0 0 18px !important; border: 0 !important; border-collapse: collapse; background: none !important; }
body.ewb-checkout--thankyou .bwf-inner-col-2f8f58c7 table.woocommerce-table--order-details :is(th, td) { padding: 8px 6px 8px 0 !important; border: 0 !important; border-bottom: 1px solid var(--line) !important; background: none !important; text-align: left; font-size: .9rem !important; font-weight: 400 !important; color: var(--ink) !important; }
body.ewb-checkout--thankyou .bwf-inner-col-2f8f58c7 table.woocommerce-table--order-details th { font-size: .82rem !important; color: var(--muted) !important; }
body.ewb-checkout--thankyou .bwf-inner-col-2f8f58c7 table.woocommerce-table--order-details a { color: var(--accent-2) !important; font-weight: 600; text-decoration: none; }
body.ewb-checkout--thankyou .bwf-inner-col-2f8f58c7 .wfty_customer_info .wfty_content { display: grid; gap: 10px; }
body.ewb-checkout--thankyou .bwf-inner-col-2f8f58c7 .wfty_customer_info :is(.wfty_clear, .wfty_clear_15) { display: none !important; }
body.ewb-checkout--thankyou .bwf-inner-col-2f8f58c7 .wfty_customer_info .wfty_2_col_left { display: grid !important; grid-template-columns: 1fr 1.2fr; gap: 14px; float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; }
body.ewb-checkout--thankyou .bwf-inner-col-2f8f58c7 .wfty_customer_info .wfty_2_col_left > .wfty_text { display: contents; }
body.ewb-checkout--thankyou .bwf-inner-col-2f8f58c7 .wfty_customer_info .wfty_text_bold, body.ewb-checkout--thankyou .bwf-inner-col-2f8f58c7 .wfty_customer_info .wfty_text_bold * { margin: 0 !important; font-size: .95rem !important; font-weight: 400 !important; color: var(--muted) !important; }
body.ewb-checkout--thankyou .bwf-inner-col-2f8f58c7 .wfty_customer_info .wfty_view { margin: 0 !important; font-size: .95rem !important; line-height: 1.5; color: var(--ink) !important; overflow-wrap: anywhere; }
body.ewb-checkout--thankyou .bwf-inner-col-2f8f58c7 table.woocommerce-table--order-details :is(th, td) { white-space: nowrap; }
body.ewb-checkout--thankyou .bwf-inner-col-2f8f58c7 table.woocommerce-table--order-details :is(th, td):nth-child(2) { white-space: normal; }
body.ewb-checkout--thankyou .bwf-inner-col-2f8f58c7 table.woocommerce-table--order-details :is(th, td):last-child { padding-right: 0 !important; text-align: right; }