/**
 * Betaalpagina (Pro): de pagina is de winkelwagen. Kleuren via variabelen zodat
 * een thema of Elementor-control ze kan overschrijven (--pwc-bp-*).
 */
.pwc-bp,
.pwc-bp-pagina {
    --pwc-bp-accent: #1e8e3e;
    --pwc-bp-accent-tekst: #ffffff;
    --pwc-bp-rand: #e2e5ea;
    --pwc-bp-vlak: #ffffff;
    --pwc-bp-vlak-zacht: #f6f7f9;
    --pwc-bp-tekst: #1f2933;
    --pwc-bp-tekst-zacht: #5f6b7a;
    --pwc-bp-badge: #d93025;
    --pwc-bp-radius: 10px;
}

/* Kopbalk: het sitelogo boven de kale pagina, komt uit de module zelf. */
.pwc-bp-kopbalk {
    background: var(--pwc-bp-vlak, #ffffff);
    border-bottom: 1px solid var(--pwc-bp-rand, #e2e5ea);
}
.pwc-bp-kopbalk__binnen {
    max-width: 1140px;
    margin: 0 auto;
    padding: 16px 20px;
    display: flex;
    align-items: center;
    gap: 16px;
}
.pwc-bp-kopbalk--midden .pwc-bp-kopbalk__binnen { justify-content: center; }
.pwc-bp-kopbalk--rechts .pwc-bp-kopbalk__binnen { justify-content: flex-end; }
.pwc-bp-kopbalk__merk { display: inline-flex; align-items: center; text-decoration: none; }
/* Dubbele klasse: wint van .woocommerce-page img { height: auto } van WooCommerce.
   Maximale hoogte, verhouding blijft; een kleiner logo blijft klein. */
.pwc-bp-kopbalk .pwc-bp-kopbalk__logo {
    height: auto;
    max-height: var(--pwc-bp-logo-hoogte, 180px);
    width: auto;
    max-width: 100%;
    display: block;
    object-fit: contain;
}
.pwc-bp-kopbalk__naam {
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--pwc-bp-tekst, #1f2933);
    line-height: 1.2;
}
.pwc-bp-kopbalk__rechts {
    margin-left: auto;
    font-size: .85em;
    color: var(--pwc-bp-tekst-zacht, #5f6b7a);
}
.pwc-bp-kopbalk--midden .pwc-bp-kopbalk__rechts { display: none; }
.pwc-bp-kopbalk--rechts .pwc-bp-kopbalk__rechts { margin-left: 0; margin-right: auto; order: -1; }

.pwc-bp-kaal .pwc-bp-pagina {
    max-width: 1140px;
    margin: 0 auto;
    padding: 32px 20px 60px;
    color: var(--pwc-bp-tekst);
}

.pwc-bp-hint {
    border: 1px dashed #b7bec8;
    border-radius: 6px;
    padding: .7em .9em;
    color: #5f6b7a;
    font-size: .9em;
    background: #fbfbfc;
}

/* Raster (block-editor); Elementor doet dit met containers. */
.pwc-bp-raster.wp-block-columns {
    gap: 32px;
    align-items: flex-start;
}
@media (max-width: 781px) {
    .pwc-bp-raster--mobiel-eerst.wp-block-columns .wp-block-column.pwc-bp-afrekenen {
        order: -1;
    }
}

/* Productbeeld */
.pwc-bp-product { margin: 0 0 20px; }
.pwc-bp-product__hoofd img { width: 100%; height: auto; border-radius: var(--pwc-bp-radius); display: block; }
.pwc-bp-product__thumbs { display: flex; gap: 8px; margin-top: 10px; flex-wrap: wrap; }
.pwc-bp-product__thumb { padding: 0; border: 2px solid transparent; border-radius: 6px; background: none; cursor: pointer; line-height: 0; }
.pwc-bp-product__thumb img { width: 64px; height: 64px; object-fit: cover; border-radius: 4px; }
.pwc-bp-product__thumb.is-actief { border-color: var(--pwc-bp-accent); }

/* Kop */
.pwc-bp-kop__titel { margin: 0 0 .35em; font-size: 2rem; line-height: 1.15; }
.pwc-bp-kop__sub { margin: 0 0 1.2em; color: var(--pwc-bp-tekst-zacht); font-size: 1.1rem; }

/* Bullets en trust */
.pwc-bp-bullets,
.pwc-bp-trust { list-style: none; margin: 0 0 1.4em; padding: 0; }
.pwc-bp-bullets li,
.pwc-bp-trust li { display: flex; gap: .55em; align-items: flex-start; margin: 0 0 .55em; }
.pwc-bp-bullets .pwc-bp-icoon,
.pwc-bp-trust .pwc-bp-icoon { flex: 0 0 20px; color: var(--pwc-bp-accent); margin-top: .1em; }
.pwc-bp-trust { font-size: .92em; color: var(--pwc-bp-tekst-zacht); margin-top: 1em; }

/* Garantie */
.pwc-bp-garantie { display: flex; gap: 14px; align-items: flex-start; border: 1px solid var(--pwc-bp-rand); border-radius: var(--pwc-bp-radius); background: var(--pwc-bp-vlak-zacht); padding: 16px 18px; margin: 0 0 1.4em; }
.pwc-bp-garantie__icoon { flex: 0 0 36px; color: var(--pwc-bp-accent); }
.pwc-bp-garantie__kop { display: block; margin-bottom: .25em; }
.pwc-bp-garantie p { margin: 0; }

/* Reviews in Plug&Pay-stijl: sterren, tekst, naam plus "over", Geverifieerde koper, foto;
   kolommen 1 (links, onder elkaar), 2 of 3 (onderaan, naast elkaar) */
.pwc-bp-reviews { margin: 0 0 1.4em; display: grid; grid-template-columns: 1fr; gap: 12px; }
.pwc-bp-reviews--k2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.pwc-bp-reviews--k3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.pwc-bp-review { margin: 0; padding: 16px 18px; border: 1px solid var(--pwc-bp-rand); border-radius: var(--pwc-bp-radius); background: var(--pwc-bp-vlak); display: flex; flex-direction: column; gap: 6px; font-style: normal; }
.pwc-bp-review p { margin: 0; line-height: 1.5; }
.pwc-bp-review__sterren { color: #f5a623; letter-spacing: 1px; font-size: 1.05em; }
.pwc-bp-review__foto img { max-width: 160px; height: auto; border-radius: 8px; display: block; margin-top: 4px; }
.pwc-bp-review footer { font-size: .9em; color: var(--pwc-bp-tekst-zacht); display: flex; gap: .6em; align-items: center; flex-wrap: wrap; margin-top: 4px; }
.pwc-bp-review footer cite { font-style: normal; font-weight: 700; color: var(--pwc-bp-tekst); }
.pwc-bp-review__over::before { content: "\00b7"; margin-right: .5em; }
.pwc-bp-review__badge { background: #e6f4ea; color: #1e8e3e; border-radius: 999px; padding: .1em .6em; font-size: .85em; }
.pwc-bp-voet .pwc-bp-reviews { text-align: left; margin: 0 0 24px; }

/* Bedrijf (in de voet: gecentreerd op een regel, zoals Plug&Pay) */
.pwc-bp-bedrijf { font-style: normal; font-size: .9em; color: var(--pwc-bp-tekst-zacht); margin: 1em 0; }
.pwc-bp-bedrijf strong { display: block; color: var(--pwc-bp-tekst); }
.pwc-bp-bedrijf span { display: block; }
.pwc-bp-voet { margin-top: 40px; padding-top: 18px; border-top: 1px solid var(--pwc-bp-rand); text-align: center; }
.pwc-bp-voet .pwc-bp-bedrijf { margin: 0; font-size: .85em; }
.pwc-bp-voet .pwc-bp-bedrijf strong { display: inline; }
.pwc-bp-voet .pwc-bp-bedrijf span { display: inline; }
.pwc-bp-voet .pwc-bp-bedrijf span::before { content: "\00b7"; margin: 0 .5em; }
.pwc-bp-voet .pwc-bp-bedrijf a { color: inherit; }
.pwc-bp .pwc-herroeping-footerlink { display: none; }

/* Timer */
.pwc-bp-timer { display: flex; gap: .6em; align-items: center; justify-content: center; padding: 10px 14px; border-radius: var(--pwc-bp-radius); background: #fff4e5; color: #8a4b00; margin: 0 0 14px; font-weight: 600; }
.pwc-bp-timer__klok { font-variant-numeric: tabular-nums; font-size: 1.15em; }
.pwc-bp-timer.is-verlopen { background: var(--pwc-bp-vlak-zacht); color: var(--pwc-bp-tekst-zacht); }

/* Keuze-tegels */
.pwc-bp-tegels { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 10px; margin: 0 0 16px; }
.pwc-bp-tegel { position: relative; display: flex; flex-direction: column; gap: 4px; padding: 14px 12px 12px; border: 2px solid var(--pwc-bp-rand); border-radius: var(--pwc-bp-radius); background: var(--pwc-bp-vlak); cursor: pointer; transition: border-color .15s, box-shadow .15s; }
.pwc-bp-tegel input { position: absolute; opacity: 0; pointer-events: none; }
.pwc-bp-tegel.is-actief { border-color: var(--pwc-bp-accent); box-shadow: 0 0 0 3px rgba(30, 142, 62, .15); }
.pwc-bp-tegel:focus-within { outline: 2px solid var(--pwc-bp-accent); outline-offset: 2px; }
.pwc-bp-tegel__badge { position: absolute; top: -10px; left: 10px; background: var(--pwc-bp-accent); color: var(--pwc-bp-accent-tekst); font-size: .72em; font-weight: 700; padding: 2px 8px; border-radius: 999px; text-transform: uppercase; letter-spacing: .03em; }
.pwc-bp-tegel__naam { font-weight: 700; }
.pwc-bp-tegel__prijs { font-size: 1.05em; }
.pwc-bp-tegel__prijs del { color: var(--pwc-bp-tekst-zacht); font-size: .85em; margin-right: .3em; }
.pwc-bp-tegel__sub { font-size: .82em; color: var(--pwc-bp-tekst-zacht); }

/* Plantegels (Plug&Pay-opbouw: kopregel, badge bovenop, keuzerondje, prijs per termijn, omrekening per maand, uitleg eronder) */
.pwc-bp-plannen { margin: 0 0 18px; }
.pwc-bp-plannen__kop { margin: 0 0 14px; font-weight: 600; }
.pwc-bp-tegels--plannen { grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); margin-bottom: 12px; }
.pwc-bp-tegel--plan { padding: 18px 12px 12px 40px; }
.pwc-bp-tegel__keuze { position: absolute; left: 12px; top: 18px; width: 20px; height: 20px; border: 2px solid var(--pwc-bp-rand); border-radius: 50%; background: var(--pwc-bp-vlak); box-sizing: border-box; }
.pwc-bp-tegel.is-actief .pwc-bp-tegel__keuze { border-color: var(--pwc-bp-accent); background: var(--pwc-bp-accent); }
.pwc-bp-tegel.is-actief .pwc-bp-tegel__keuze::after { content: ""; position: absolute; left: 5px; top: 2px; width: 5px; height: 9px; border: solid var(--pwc-bp-accent-tekst); border-width: 0 2px 2px 0; transform: rotate(45deg); }
.pwc-bp-tegel__badge--besparing { background: var(--pwc-bp-badge); }
.pwc-bp-tegel__prijs small { font-size: .7em; color: var(--pwc-bp-tekst-zacht); font-weight: 400; }
.pwc-bp-tegel__permaand { color: var(--pwc-bp-tekst-zacht); }
.pwc-bp-tegel__besparing { color: var(--pwc-bp-accent); font-weight: 600; }
.pwc-bp-tegel__uitleg { color: var(--pwc-bp-tekst-zacht); margin-top: 2px; }
.pwc-bp-tegel.is-meest .pwc-bp-tegel__uitleg { color: var(--pwc-bp-tekst); }
.pwc-bp-tegels__proef { margin: -6px 0 14px; font-size: .9em; color: var(--pwc-bp-tekst-zacht); }
.pwc-bp-tegels__uitleg { margin: 8px 0 0; font-size: .85em; color: var(--pwc-bp-tekst-zacht); }
.pwc-abo-daarna th, .pwc-abo-daarna td { color: var(--pwc-bp-tekst-zacht); font-size: .9em; }

/* Afrekenblok */
.pwc-bp-afrekenblok { border: 1px solid var(--pwc-bp-rand); border-radius: var(--pwc-bp-radius); background: var(--pwc-bp-vlak); padding: 22px 22px 18px; box-shadow: 0 6px 24px rgba(20, 30, 40, .06); }
.pwc-bp-afrekenblok__kop { margin: 0 0 .8em; font-size: 1.35rem; }
.pwc-bp-afrekenblok .woocommerce-billing-fields h3,
.pwc-bp-afrekenblok #order_review_heading { font-size: 1.05rem; margin: 1em 0 .5em; }
.pwc-bp-afrekenblok .col2-set .col-1,
.pwc-bp-afrekenblok .col2-set .col-2 { float: none; width: 100%; }
.pwc-bp-afrekenblok .form-row { margin-bottom: 10px; }
.pwc-bp-afrekenblok .form-row .input-text,
.pwc-bp-afrekenblok .form-row select,
.pwc-bp-afrekenblok .select2-container .select2-selection--single { border: 1px solid var(--pwc-bp-rand); border-radius: 6px; padding: .6em .75em; width: 100%; box-sizing: border-box; background: #fff; }
.pwc-bp-afrekenblok .form-row label { font-size: .9em; }
.pwc-bp-afrekenblok .woocommerce-checkout-review-order-table { width: 100%; border: 0; margin: 0 0 12px; }
.pwc-bp-afrekenblok .woocommerce-checkout-review-order-table th,
.pwc-bp-afrekenblok .woocommerce-checkout-review-order-table td { border: 0; border-bottom: 1px solid var(--pwc-bp-rand); padding: .55em 0; }
.pwc-bp-afrekenblok .woocommerce-checkout-review-order-table .order-total { font-size: 1.1em; }

/* Landkeuze (select2): binnen het veld blijven, label erboven */
.pwc-bp-afrekenblok .form-row .select2-container { width: 100% !important; display: block; }
.pwc-bp-afrekenblok .select2-container .select2-selection--single { height: auto; min-height: 2.6em; display: flex; align-items: center; padding: .45em .75em; }
.pwc-bp-afrekenblok .select2-container .select2-selection--single .select2-selection__rendered { line-height: 1.5; padding: 0; color: var(--pwc-bp-tekst); }
.pwc-bp-afrekenblok .select2-container .select2-selection--single .select2-selection__arrow { height: 100%; top: 0; right: 8px; }
.pwc-bp-afrekenblok .form-row label.screen-reader-text + .woocommerce-input-wrapper { display: block; }

/* Vaste volgorde (Plug&Pay): gegevens, betalen, kassakoopjes, overzicht, vinkje, knop, trust.
   Het Woo-formulier wordt een kolom; #order_review, #payment en .place-order lossen op
   (display: contents) zodat hun kinderen los te ordenen zijn. */
.pwc-bp-afrekenblok form.checkout { display: flex; flex-direction: column; }
.pwc-bp-afrekenblok form.checkout > *,
.pwc-bp-afrekenblok form.checkout .woocommerce-checkout-review-order > *,
.pwc-bp-afrekenblok form.checkout .woocommerce-checkout-payment > *,
.pwc-bp-afrekenblok form.checkout .place-order > * { order: 35; }
.pwc-bp-afrekenblok #order_review,
.pwc-bp-afrekenblok #payment,
.pwc-bp-afrekenblok .place-order { display: contents; }
.pwc-bp-afrekenblok #order_review_heading { display: none; }
/* Specifieker dan de algemene "order: 35" hierboven (form.checkout erbij). */
.pwc-bp-afrekenblok form.checkout .pwc-bp-stap--gegevens { order: 10; }
.pwc-bp-afrekenblok form.checkout #customer_details { order: 11; }
.pwc-bp-afrekenblok form.checkout .pwc-bp-stap--betalen { order: 20; }
.pwc-bp-afrekenblok form.checkout .wc_payment_methods { order: 21; }
.pwc-bp-afrekenblok form.checkout .woocommerce-notice--info.woocommerce-info,
.pwc-bp-afrekenblok form.checkout .pwc-bp-betaalvak { order: 22; }
.pwc-bp-afrekenblok form.checkout .pwc-bp-stap-bumps { order: 30; }
.pwc-bp-afrekenblok form.checkout .pwc-bp-stap--overzicht { order: 40; }
.pwc-bp-afrekenblok form.checkout .woocommerce-checkout-review-order-table { order: 41; }
.pwc-bp-afrekenblok form.checkout .woocommerce-privacy-policy-text,
.pwc-bp-afrekenblok form.checkout .woocommerce-terms-and-conditions { order: 49; }
.pwc-bp-afrekenblok form.checkout .woocommerce-terms-and-conditions-wrapper,
.pwc-bp-afrekenblok form.checkout .pwc-bp-akkoord { order: 50; }
.pwc-bp-afrekenblok form.checkout .pwc-bp-akkoord__velden { order: 50; display: none; }
.pwc-bp-afrekenblok form.checkout #place_order,
.pwc-bp-afrekenblok form.checkout .place-order > .button.alt { order: 51; }
.pwc-bp-afrekenblok form.checkout .pwc-bp-afrekenblok__trust { order: 52; }
.pwc-bp-afrekenblok form.checkout .woocommerce-NoticeGroup,
.pwc-bp-afrekenblok form.checkout .blockUI { order: 0; }
.pwc-bp-afrekenblok .woocommerce-billing-fields > h3,
.pwc-bp-afrekenblok .woocommerce-additional-fields > h3 { display: none; }
.pwc-bp-afrekenblok .woocommerce-shipping-fields > h3 { font-size: 1rem; margin: .8em 0 .4em; }
/* Verzendblok in het besteloverzicht (1.0.73): label boven de methodes, methodes
   als keuzerijen met de prijs rechts, een enkele methode als gewone regel, en
   een gereserveerde regel zolang er nog niets te verzenden is. */
.pwc-bp-afrekenblok tr.woocommerce-shipping-totals th,
.pwc-bp-afrekenblok tr.woocommerce-shipping-totals td { display: block; width: 100%; box-sizing: border-box; text-align: left; }
.pwc-bp-afrekenblok tr.woocommerce-shipping-totals th { padding-bottom: 4px; border-bottom: 0; }
.pwc-bp-afrekenblok tr.woocommerce-shipping-totals td { padding-top: 0; }
.pwc-bp-afrekenblok ul#shipping_method,
.pwc-bp-afrekenblok ul.woocommerce-shipping-methods { list-style: none; margin: 0; padding: 0; }
.pwc-bp-afrekenblok ul#shipping_method li { display: flex; align-items: center; gap: 10px; margin: 0 0 6px; padding: 10px 12px; border: 2px solid var(--pwc-bp-rand); border-radius: 10px; background: #fff; line-height: 1.3; }
.pwc-bp-afrekenblok ul#shipping_method li:has(input:checked) { border-color: var(--pwc-bp-tekst); box-shadow: 0 0 0 1px var(--pwc-bp-tekst); }
.pwc-bp-afrekenblok ul#shipping_method li input[type=radio] { margin: 0; flex: 0 0 auto; }
.pwc-bp-afrekenblok ul#shipping_method li label { flex: 1 1 auto; display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin: 0; cursor: pointer; font-weight: 600; }
.pwc-bp-afrekenblok ul#shipping_method li label .woocommerce-Price-amount { margin-left: auto; font-weight: 600; white-space: nowrap; }
.pwc-bp-afrekenblok ul#shipping_method li label::before { display: none; }
.pwc-bp-afrekenblok ul#shipping_method li .pure_pwc_bp label .woocommerce-Price-amount:empty { display: none; }
.pwc-bp-afrekenblok tr.pwc-bp-verzend-placeholder td { padding: 10px 12px; border: 2px dashed var(--pwc-bp-rand); border-radius: 10px; color: var(--pwc-bp-stil, #6b7280); font-size: .9em; }
.pwc-bp-afrekenblok .pwc-bp-verzendmeter { margin: 0 0 12px; }
.pwc-bp-afrekenblok form.checkout .pwc-bp-verzendmeter { order: 29; }
.pwc-bp-afrekenblok .woocommerce-additional-fields { margin-top: 6px; }

/* Stap-koppen */
.pwc-bp-stap { display: flex; align-items: center; gap: .6em; margin: 18px 0 10px; font-size: 1.05rem; }
.pwc-bp-stap:first-of-type { margin-top: 4px; }
.pwc-bp-stap__nr { flex: 0 0 26px; width: 26px; height: 26px; border-radius: 50%; background: var(--pwc-bp-accent); color: var(--pwc-bp-accent-tekst); font-size: .8em; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; }

/* Betaalmethodes als tegels (ronde F, besluit Marco 2026-09-11): witte tegel met keuzerondje
   linksboven, logo in het midden, korte naam eronder; gekozen tegel donkere rand plus vinkje.
   Hoogstens vier, gelijk verdeeld over de breedte (het aantal zet betaalpagina.js in
   --pwc-bp-gw-n); op mobiel twee naast elkaar. Geen grijs Woo-vak. */
.pwc-bp .pwc-bp-afrekenblok #payment { background: transparent; border-radius: 0; }
.pwc-bp .pwc-bp-afrekenblok #payment ul.payment_methods { list-style: none; margin: 0 0 10px; padding: 0; border: 0; display: grid; grid-template-columns: repeat(var(--pwc-bp-gw-n, 4), minmax(0, 1fr)); gap: 10px; }
/* Woo's clearfix-pseudo's zouden lege grid-cellen worden. */
.pwc-bp .pwc-bp-afrekenblok #payment ul.payment_methods::before,
.pwc-bp .pwc-bp-afrekenblok #payment ul.payment_methods::after { display: none; content: none; }
.pwc-bp .pwc-bp-afrekenblok #payment ul.payment_methods li { margin: 0; padding: 0; line-height: 1.3; }
.pwc-bp-afrekenblok .wc_payment_methods > li:not(.wc_payment_method) { grid-column: 1 / -1; }
.pwc-bp-afrekenblok .wc_payment_method { border: 2px solid var(--pwc-bp-rand); border-radius: 10px; padding: 0; margin: 0; background: #fff; transition: border-color .15s, box-shadow .15s; position: relative; min-width: 0; }
.pwc-bp-afrekenblok .wc_payment_method:hover { border-color: #b7bec8; }
.pwc-bp-afrekenblok .wc_payment_method:focus-within { outline: 2px solid var(--pwc-bp-accent); outline-offset: 2px; }
.pwc-bp-afrekenblok .wc_payment_method input.input-radio { position: absolute; opacity: 0; width: 1px; height: 1px; margin: 0; pointer-events: none; }
.pwc-bp-afrekenblok .wc_payment_method > label { display: flex; flex-direction: column-reverse; align-items: center; justify-content: flex-end; gap: 8px; padding: 30px 10px 12px; margin: 0; min-height: 104px; box-sizing: border-box; cursor: pointer; font-weight: 600; font-size: .85em; line-height: 1.2; text-align: center; color: var(--pwc-bp-tekst); }
/* Keuzerondje linksboven; het vinkje verschijnt in de gekozen tegel. */
.pwc-bp-afrekenblok .wc_payment_method > label::before { content: ""; position: absolute; left: 10px; top: 10px; width: 18px; height: 18px; border: 2px solid #b7bec8; border-radius: 50%; background: #fff; box-sizing: border-box; }
.pwc-bp-afrekenblok .wc_payment_method:has(input:checked) > label::before { border-color: var(--pwc-bp-tekst); background: var(--pwc-bp-tekst); }
.pwc-bp-afrekenblok .wc_payment_method:has(input:checked) > label::after { content: ""; position: absolute; left: 16px; top: 12px; width: 4px; height: 9px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.pwc-bp-afrekenblok .wc_payment_method > label img,
.pwc-bp-afrekenblok .wc_payment_method > label .pwc-bp-gw-logo svg { max-height: 34px; max-width: 96px; width: auto; height: 34px; margin: 0; display: block; }
.pwc-bp-afrekenblok .wc_payment_method > label .pwc-bp-gw-logo { display: block; line-height: 0; }
.pwc-bp-afrekenblok .wc_payment_method > label a.about_paypal { display: none; }
.pwc-bp-afrekenblok .wc_payment_method:has(input:checked) { border-color: var(--pwc-bp-tekst); box-shadow: 0 0 0 1px var(--pwc-bp-tekst); background: #fff; }
.pwc-bp-afrekenblok .wc_payment_method .payment_box::before { display: none; }
.pwc-bp-afrekenblok .pwc-bp-betaalvak { margin: 0 0 6px; }
.pwc-bp .pwc-bp-afrekenblok #payment .pwc-bp-betaalvak div.payment_box { margin: 0 0 8px; padding: 12px 14px; border: 1px solid var(--pwc-bp-rand); border-radius: 8px; background: var(--pwc-bp-vlak-zacht); color: var(--pwc-bp-tekst); font-size: .9em; }
.pwc-bp .pwc-bp-afrekenblok #payment .pwc-bp-betaalvak div.payment_box::before { display: none; content: none; }
.pwc-bp-afrekenblok .pwc-bp-betaalvak .payment_box p:last-child { margin-bottom: 0; }
.pwc-bp-afrekenblok .pwc-bp-betaalvak:empty { display: none; }

/* Btw-label achter bedragen die Pure Shop zelf toont (planprijs, kassakoopje):
   "excl. btw" of "incl. btw" volgens de Woo-weergave; het totaal onderaan is met btw. */
.pwc-bp-btw { font-size: .72em; font-weight: 400; color: var(--pwc-bp-tekst-zacht); margin-left: .2em; white-space: nowrap; }
.pwc-bp-tegel__badge--eigen { background: var(--pwc-bp-badge); }

/* Landkeuze: de uitklaplijst van select2 hangt aan body, dus hier in de huisstijl
   van de betaalpagina (zelfde rand, radius en accent als de velden). */
body.pwc-bp .select2-container--default .select2-dropdown { border: 1px solid var(--pwc-bp-rand); border-radius: 6px; box-shadow: 0 8px 24px rgba(20, 30, 40, .12); overflow: hidden; }
body.pwc-bp .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid var(--pwc-bp-rand); border-radius: 6px; padding: .45em .6em; }
body.pwc-bp .select2-container--default .select2-results__option { padding: .5em .75em; }
body.pwc-bp .select2-container--default .select2-results__option--highlighted[aria-selected] { background: var(--pwc-bp-accent); color: var(--pwc-bp-accent-tekst); }

/* Kassakoopjes als coupon: kleur per coupon (--pwc-bp-coupon-kleur), badge en korting alleen als ze er zijn */
.pwc-bp-coupon.pwc-funnel-bump { --pwc-bp-coupon-kleur: #ec4899; display: grid !important; grid-template-columns: 84px 1fr; gap: 12px; position: relative; border: 2px dashed var(--pwc-bp-coupon-kleur) !important; border-radius: var(--pwc-bp-radius) !important; background: color-mix(in srgb, var(--pwc-bp-coupon-kleur) 9%, #fff); padding: 16px 14px 12px !important; margin: 0 0 12px !important; align-items: start !important; transition: opacity .2s, box-shadow .2s, border-color .2s; }
.pwc-bp-coupon--zonder-beeld.pwc-funnel-bump { grid-template-columns: 1fr; }
.pwc-bp-coupon.is-aan { border-style: solid !important; box-shadow: 0 0 0 3px color-mix(in srgb, var(--pwc-bp-coupon-kleur) 25%, transparent); }
.pwc-bp-coupon__badge { position: absolute; top: -11px; left: 12px; background: var(--pwc-bp-coupon-kleur); color: #fff; font-size: .72em; font-weight: 700; padding: 2px 9px; border-radius: 999px; text-transform: uppercase; letter-spacing: .03em; }
.pwc-bp-coupon__beeld img { width: 84px; height: 84px; object-fit: cover; border-radius: 8px; display: block; }
.pwc-bp-coupon__body { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.pwc-bp-coupon__tekst { font-size: 1em; }
.pwc-bp-coupon__punten { margin: 0; padding: 0 0 0 1.1em; font-size: .9em; color: var(--pwc-bp-tekst-zacht); }
.pwc-bp-coupon__punten li { margin: 0 0 2px; }
.pwc-bp-coupon__prijs { font-weight: 700; display: flex; gap: .5em; align-items: center; flex-wrap: wrap; }
.pwc-bp-coupon__prijs del { color: var(--pwc-bp-tekst-zacht); font-weight: 400; }
.pwc-bp-coupon__korting { background: var(--pwc-bp-badge); color: #fff; border-radius: 4px; padding: 1px 6px; font-size: .8em; }
.pwc-bp-coupon__vink { display: flex; gap: .5em; align-items: center; margin-top: 4px; }
.pwc-bp-coupon__vink input { width: 20px; height: 20px; margin: 0; accent-color: var(--pwc-bp-coupon-kleur); }
/* Alles-in-een: losse koopjes dimmen zodra ze aangevinkt zijn, de bundel licht op */
.pwc-bp-coupon.is-gedimd { opacity: .55; }
.pwc-bp-coupon.is-nudge { box-shadow: 0 0 0 3px color-mix(in srgb, var(--pwc-bp-coupon-kleur) 35%, transparent), 0 8px 24px rgba(20, 30, 40, .12); border-style: solid !important; animation: pwc-bp-nudge 1.2s ease-in-out 2; }
.pwc-bp-coupon.is-nudge .pwc-bp-coupon__badge { display: inline-block; }
.pwc-bp-coupon__nudge { display: none; font-size: .85em; font-weight: 700; color: var(--pwc-bp-coupon-kleur); }
.pwc-bp-coupon.is-nudge .pwc-bp-coupon__nudge { display: block; }
@keyframes pwc-bp-nudge { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.015); } }
@media (prefers-reduced-motion: reduce) { .pwc-bp-coupon.is-nudge { animation: none; } }

/* Zakelijk-vinkje: bedrijfsvelden klappen pas uit na het vinkje (!important: Woo's
   adres-script zet inline display:block op de adresvelden per land) */
.pwc-bp-afrekenblok form.checkout:not(.is-zakelijk) .pwc-zakelijk-veld { display: none !important; }
.pwc-bp-afrekenblok form.checkout.is-zakelijk .pwc-zakelijk-veld label .optional { display: none; }
.pwc-bp-afrekenblok form.checkout.is-zakelijk .pwc-zakelijk-veld label:not(:has(.required))::after { content: " *"; color: #b32d2e; }
.pwc-bp-afrekenblok .pwc-zakelijk-vinkje { margin: 4px 0 10px; }
.pwc-bp-afrekenblok .pwc-zakelijk-vinkje label { font-weight: 600; }
.pwc-bp-afrekenblok .pwc-zakelijk-vinkje label .optional { display: none; }

/* Besteloverzicht: geen afgebroken woorden in een smalle kolom */
.pwc-bp-afrekenblok .shop_table { table-layout: auto; }
.pwc-bp-afrekenblok .shop_table th,
.pwc-bp-afrekenblok .shop_table td { word-break: normal; overflow-wrap: anywhere; hyphens: manual; }
.pwc-bp-afrekenblok .shop_table .product-name { width: auto; }

/* Het ene akkoord-vinkje */
.pwc-bp-afrekenblok .woocommerce-terms-and-conditions-wrapper,
.pwc-bp-afrekenblok .pwc-bp-akkoord { font-size: .9em; margin: 6px 0 12px; }
.pwc-bp-afrekenblok .woocommerce-terms-and-conditions-wrapper .form-row { margin: 0; }
.pwc-bp-akkoord__punten { display: block; margin: 6px 0 0; color: var(--pwc-bp-tekst-zacht); font-size: .92em; }
.pwc-bp-akkoord__punt { display: block; margin: 0 0 3px; padding-left: 1em; position: relative; }
.pwc-bp-akkoord__punt::before { content: "\2022"; position: absolute; left: 0; }
/* Het sterretje staat inline achter de zin (pwc-bp-akkoord__ster); dat van Woo na de punten-blokken verbergen. */
.pwc-bp-afrekenblok .woocommerce-terms-and-conditions-checkbox-text:has(.pwc-bp-akkoord__punten) + abbr.required { display: none; }
.pwc-bp-akkoord__ster { text-decoration: none; border: 0; }
.pwc-bp-afrekenblok .woocommerce-privacy-policy-text { font-size: .82em; color: var(--pwc-bp-tekst-zacht); margin: 0 0 8px; }
.pwc-bp-afrekenblok .woocommerce-privacy-policy-text p { margin: 0; }

/* Bestelknop en trust eronder */
.pwc-bp-afrekenblok #place_order,
.pwc-bp-afrekenblok .button.alt { width: 100%; padding: 16px; font-size: 1.1em; font-weight: 700; border-radius: 8px; background: var(--pwc-bp-accent); color: var(--pwc-bp-accent-tekst); border: 0; cursor: pointer; }
.pwc-bp-afrekenblok #place_order:hover { filter: brightness(.94); }
.pwc-bp-afrekenblok__trust { margin-top: 12px; }
.pwc-bp-afrekenblok__trust .pwc-bp-trust { margin: 0; }
.pwc-bp-afrekenblok .pwc-digitaal-toestemming { font-size: .9em; }

@media (max-width: 600px) {
    .pwc-bp-kopbalk__binnen { padding: 12px 16px; }
    .pwc-bp-kopbalk .pwc-bp-kopbalk__logo { max-height: calc(var(--pwc-bp-logo-hoogte, 180px) * .8); }
    .pwc-bp-kop__titel { font-size: 1.55rem; }
    .pwc-bp-afrekenblok { padding: 16px 14px; }
    .pwc-bp-coupon.pwc-funnel-bump { grid-template-columns: 64px 1fr; }
    .pwc-bp-coupon--zonder-beeld.pwc-funnel-bump { grid-template-columns: 1fr; }
    .pwc-bp-coupon__beeld img { width: 64px; height: 64px; }
    .pwc-bp .pwc-bp-afrekenblok #payment ul.payment_methods { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .pwc-bp .pwc-bp-afrekenblok #payment ul.payment_methods.pwc-bp-gw-n1 { grid-template-columns: 1fr; }
    .pwc-bp-tegels--plannen { grid-template-columns: 1fr; }
    .pwc-bp-reviews--k2,
    .pwc-bp-reviews--k3 { grid-template-columns: 1fr; }
}