/* JouwBox Kerst Special 2026: checkout /checkouts/optic/ in kerstsfeer (v3, 27 okt 2026)
   ALLEEN opmaak (kleur, rand, ruimte, decoratie). Geen velden, volgorde, teksten of gedrag.
   Rood alleen decoratie (slinger, strik, lint, reviewrand). Knoppen, prijzen en koppen groen #164229.
   Uit: wp option update jb_kerst_checkout_uit 1 | terug naar v2: JB_KC_VERSIE 2 in jb-kerst-checkout.php */
:root{--jbkc-rood:#A51C30;--jbkc-donker:#7A1222;--jbkc-groen:#164229;--jbkc-groen2:#2F744D;--jbkc-goud:#8A6A35;--jbkc-goudl:#C9A45C;--jbkc-goudrand:#EADFC9;--jbkc-room:#FBF6EE;--jbkc-groenroom:#EEF3EE;--jbkc-kraft:#CD9F68;--jbkc-kraftl:#F3E7D7;--jbkc-kraftd:#8A6A45;--jbkc-tekst:#1D2A22;--jbkc-zacht:#4E5B53;--jbkc-schaduw:0 12px 32px rgba(22,66,41,.08),0 2px 6px rgba(22,66,41,.04);--jbkc-r:18px}

/* ---------- 0. Pagina ---------- */
html body.single-wfacp_checkout,
html body.single-wfacp_checkout .bwf-section-wrap.bwf-section-jb-main{background-color:var(--jbkc-room)!important}
html body.single-wfacp_checkout .bwf-section-wrap.bwf-section-jb-main{padding-top:30px!important}

/* ---------- 1. Checkoutkop: logo, gouden editieregel, slinger ---------- */
.jbkc-kop{display:flex;flex-direction:column;align-items:center;gap:8px;padding:22px 16px 8px;background:var(--jbkc-room);text-align:center}
.jbkc-kop-logo{display:block;width:auto;height:46px;max-width:70vw}
.jbkc-kop-editie{display:inline-flex;align-items:center;gap:12px;font:700 13px/1.2 'Lato',Arial,sans-serif;letter-spacing:.28em;text-transform:uppercase;color:var(--jbkc-goud)}
.jbkc-kop-editie::before,.jbkc-kop-editie::after{content:"";width:36px;height:1.5px;background:var(--jbkc-goudl)}
.jbkc-slinger{display:block;position:relative;z-index:5;height:clamp(30px,5.4vw,70px);margin-bottom:calc(clamp(30px,5.4vw,70px) * -.45);background:url(/images/kerst2026/jb-kerst-slinger-v1.svg) center top/cover no-repeat;pointer-events:none}
@media print{.jbkc-slinger,.jbkc-kop-editie{display:none}}

/* ---------- 2. Kaarten: zachte schaduw, gelijke rondingen, koppen Playfair groen met gouden lijn ---------- */
html body #wfacp-e-form .wfacp-section{background:#fff!important;border:1px solid var(--jbkc-goudrand)!important;border-radius:var(--jbkc-r)!important;box-shadow:var(--jbkc-schaduw)!important;padding:34px 34px 30px!important;margin-bottom:22px!important}
html body #wfacp-e-form .wfacp_section_title,
html body #wfacp-e-form .wfacp_section_heading{font-family:'Playfair Display',Georgia,serif!important;color:var(--jbkc-groen)!important;font-weight:700!important;letter-spacing:-.2px}
html body #wfacp-e-form .wfacp_section_title::after{content:"";display:block;width:44px;height:2px;margin-top:12px;border-radius:2px;background:var(--jbkc-goudl)}
html body #wfacp-e-form .wfacp-comm-title{margin-bottom:18px!important}

/* Lege kaart 'Verzendmethode': alleen weg als FunnelKit zelf de opties verbergt, er niets te kiezen is en er geen extra velden staan */
html body #wfacp-e-form .wfacp-section:has(#shipping_calculator_field > style):not(:has(input[type="radio"][name^="shipping_method"])):not(:has(.woocommerce-additional-fields__field-wrapper > *)){display:none!important}

/* Dubbel sterretje: het tweede (decoratieve) sterretje weg als er al een staat */
html body #wfacp-e-form label abbr.required ~ span.required[aria-hidden="true"]{display:none!important}

/* Invoervelden: warme rand, groene focus */
html body #wfacp-e-form .wfacp_main_form input.wfacp-form-control:not([type="checkbox"]):not([type="radio"]),
html body #wfacp-e-form .wfacp_main_form select,
html body #wfacp-e-form .wfacp_main_form .select2-container .select2-selection{border-color:#E3D8C3!important;border-radius:12px!important}
html body #wfacp-e-form .wfacp_main_form input.wfacp-form-control:not([type="checkbox"]):not([type="radio"]):focus{border-color:var(--jbkc-groen)!important;box-shadow:0 0 0 3px rgba(22,66,41,.12)!important}

/* ---------- 3. Besteloverzicht ---------- */
/* desktopkaart */
html body .wfacp-mini-cart-block{position:relative;background:#FFFDF9!important;border:1px solid var(--jbkc-goudrand)!important;border-radius:var(--jbkc-r)!important;box-shadow:var(--jbkc-schaduw)!important;overflow:visible!important}
html body .wfacp-mini-cart-block::before{content:"";position:absolute;left:0;right:0;top:0;height:12px;border-radius:var(--jbkc-r) var(--jbkc-r) 0 0;background:var(--jbkc-kraft) url(https://jouwbox.nl/wp-content/uploads/2026/10/kerst-special-2026/kerstdoos-patroon-kraft-v1.webp) center/420px auto repeat-x;pointer-events:none}
html body .wfacp-mini-cart-block::after{content:"";position:absolute;right:26px;top:-14px;width:54px;height:42px;background:url(/images/kerst2026/jb-kerst-strik-v1.svg) center/contain no-repeat;pointer-events:none;z-index:2}
html body .wfacp-mini-cart-block .wfacp_form_cart_wrap,
html body .wfacp-mini-cart-block .wfacp_mini_cart_start_h{background:transparent!important;border:0!important}
html body .wfacp-mini-cart-block .wfacp-order-summary-label{font-family:'Playfair Display',Georgia,serif!important;color:var(--jbkc-groen)!important;font-size:26px!important;margin-top:6px!important}
html body .wfacp-mini-cart-block .wfacp-order-summary-label::after{content:"";display:block;width:44px;height:2px;margin-top:12px;border-radius:2px;background:var(--jbkc-goudl)}
/* mobiel inklapbaar overzicht */
html body #wfacp-e-form .wfacp_mb_mini_cart_wrap{position:relative;overflow:visible!important}
html body #wfacp-e-form .wfacp_mb_mini_cart_wrap .wfacp_mb_cart_accordian{background:#FFFDF9!important;border-color:var(--jbkc-goudrand)!important;border-radius:var(--jbkc-r) var(--jbkc-r) 0 0!important;box-shadow:inset 0 5px 0 var(--jbkc-kraft)}
html body #wfacp-e-form .wfacp_mb_mini_cart_wrap .wfacp_mb_mini_cart_sec_accordion_content{background:#FFFDF9!important;border-color:var(--jbkc-goudrand)!important;border-radius:0 0 var(--jbkc-r) var(--jbkc-r)!important}
html body #wfacp-e-form .wfacp_mb_mini_cart_wrap::after{content:"";position:absolute;left:50%;top:-15px;width:40px;height:31px;margin-left:-20px;background:url(/images/kerst2026/jb-kerst-strik-v1.svg) center/contain no-repeat;pointer-events:none;z-index:2}

/* productfoto groter, afgeronde hoeken */
html body .wfacp-pro-thumb img{width:60px!important;height:60px!important;max-width:none!important;object-fit:cover;border-radius:12px!important;border:1px solid var(--jbkc-goudrand)!important;background:#fff;box-shadow:0 3px 8px rgba(22,66,41,.08)}
html body .wfacp-pro-thumb .wfacp-qty-ball .wfacp-qty-count{background:var(--jbkc-groen)!important;border-radius:50%!important}
html body .wfacp-pro-thumb .wfacp-pro-count{color:#fff!important}
html body tr.cart_item td{padding-top:12px!important;padding-bottom:12px!important}
html body tr.cart_item .wfacp_mini_cart_item_title,
html body tr.cart_item .product-name{color:var(--jbkc-tekst)}
html body tr.cart_item td.product-total .woocommerce-Price-amount{color:var(--jbkc-groen);font-weight:700}

/* cadeauregel als kraft cadeaulabel met touwtje */
html body tr.cart_item:has(img[src*="avant-eyepads-cadeau"]) > td{background:var(--jbkc-kraftl)!important;border-top:1.5px dashed var(--jbkc-kraftd)!important;border-bottom:1.5px dashed var(--jbkc-kraftd)!important}
html body tr.cart_item:has(img[src*="avant-eyepads-cadeau"]) > td:first-child{border-left:1.5px dashed var(--jbkc-kraftd)!important;padding-left:10px!important}
html body tr.cart_item:has(img[src*="avant-eyepads-cadeau"]) > td:last-child{border-right:1.5px dashed var(--jbkc-kraftd)!important;padding-right:10px!important}
html body tr.cart_item:has(img[src*="avant-eyepads-cadeau"]) strong:first-child{position:relative!important;display:inline-block!important;margin:0 4px 4px 0!important;padding:3px 10px 3px 20px!important;background:var(--jbkc-kraft)!important;color:var(--jbkc-groen)!important;font-family:'Lato',Arial,sans-serif!important;font-weight:800!important;font-size:12px!important;line-height:1.3!important;letter-spacing:.12em!important;text-transform:uppercase!important;clip-path:polygon(9px 0,100% 0,100% 100%,9px 100%,0 50%);transform:rotate(-2deg)}
html body tr.cart_item:has(img[src*="avant-eyepads-cadeau"]) strong:first-child::before{content:"";position:absolute;left:8px;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:var(--jbkc-kraftl);box-shadow:inset 0 0 0 1px var(--jbkc-kraftd)}
html body tr.cart_item:has(img[src*="avant-eyepads-cadeau"]) .wfacp-pro-thumb{position:relative}
html body tr.cart_item:has(img[src*="avant-eyepads-cadeau"]) .wfacp-pro-thumb::after{content:"";position:absolute;left:-6px;bottom:-6px;width:26px;height:20px;background:url(/images/kerst2026/jb-kerst-strik-v1.svg) center/contain no-repeat;pointer-events:none}
html body tr.cart_item:has(img[src*="avant-eyepads-cadeau"]) .wfacp-pro-thumb img{border-color:var(--jbkc-kraftd)!important}

/* kortingscode: knoptekst op één regel */
html body .wfacp_coupon_btn,
html body .wfacp-coupon-btn,
html body button[name="apply_coupon"]{white-space:nowrap!important}

/* totaal duidelijker */
html body .wfacp-mini-cart-block tr.order-total th,
html body .wfacp-mini-cart-block tr.order-total td,
html body #wfacp-e-form .wfacp_mb_mini_cart_wrap tr.order-total th,
html body #wfacp-e-form .wfacp_mb_mini_cart_wrap tr.order-total td{border-top:2px solid var(--jbkc-goudl)!important;padding-top:16px!important}
html body tr.order-total th,
html body tr.order-total th span{font-family:'Playfair Display',Georgia,serif!important;color:var(--jbkc-groen)!important;font-size:24px!important;font-weight:700!important}
html body tr.order-total td strong .woocommerce-Price-amount,
html body tr.order-total td > .woocommerce-Price-amount{font-family:'Playfair Display',Georgia,serif!important;color:var(--jbkc-groen)!important;font-size:30px!important;font-weight:700!important;letter-spacing:-.3px}
html body tr.order-total small.includes_tax{color:var(--jbkc-zacht)!important}

/* ---------- 4. Betaling ---------- */
html body #wfacp-e-form #payment ul.payment_methods{border:1px solid var(--jbkc-goudrand)!important;border-radius:14px!important;overflow:hidden;background:#fff}
html body #wfacp-e-form #payment ul.payment_methods > li.wc_payment_method{position:relative;transition:background-color .15s}
html body #wfacp-e-form #payment ul.payment_methods > li.wc_payment_method > label{display:inline-flex!important;align-items:center;gap:10px;width:calc(100% - 40px);min-height:28px}
html body #wfacp-e-form #payment ul.payment_methods > li.wc_payment_method > label img{margin-left:auto!important;height:24px!important;width:auto!important;max-height:24px!important;float:none!important;vertical-align:middle}
html body #wfacp-e-form #payment ul.payment_methods > li.wc_payment_method:has(> input:checked){background:var(--jbkc-groenroom)!important;box-shadow:inset 0 0 0 2px var(--jbkc-groen);border-radius:14px}
html body #wfacp-e-form #payment ul.payment_methods > li.wc_payment_method:has(> input:checked) > label{color:var(--jbkc-groen)!important;font-weight:700!important}
html body #wfacp-e-form #payment .payment_box:not(:has(*)){display:none!important}

/* ---------- 5. Bestelknop: groen met gouden ring ---------- */
html body #wfacp-e-form #place_order,
html body #wfacp-e-form .wfacp-order-place-btn-wrap button{background-color:var(--jbkc-groen)!important;background-image:none!important;border-color:var(--jbkc-goudl)!important;color:#fff!important;letter-spacing:.2px;box-shadow:0 0 0 2px #fff,0 0 0 4px var(--jbkc-goudl),0 10px 24px rgba(22,66,41,.24)!important}
html body #wfacp-e-form #place_order:hover,
html body #wfacp-e-form .wfacp-order-place-btn-wrap button:hover{background-color:#0F3220!important}

/* ---------- 6. Zijkolom: USP-kaart en reviews in Kerstpagina-stijl ---------- */
html body .bwf-adv-head-jb-why,
html body .bwf-adv-head-jb-tp-head{font-family:'Playfair Display',Georgia,serif!important;color:var(--jbkc-groen)!important}
html body .bwf-adv-head-jb-why{margin-top:10px!important}
html body .bwf-adv-head-jb-tp-head{margin-top:22px!important;margin-bottom:12px!important}
html body .bwf-list-jb-usps{background:#fff!important;border:1px solid var(--jbkc-goudrand)!important;border-radius:var(--jbkc-r)!important;box-shadow:var(--jbkc-schaduw)!important;padding:18px 20px!important;box-sizing:border-box}
html body .bwf-list-jb-usps .bwf-icon-inner-svg{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 24px;width:24px!important;height:24px!important;border-radius:50%;background:var(--jbkc-groenroom);color:var(--jbkc-groen)!important}
html body .bwf-list-jb-usps .bwf-icon-inner-svg svg{width:12px!important;height:12px!important;color:var(--jbkc-groen)!important;fill:var(--jbkc-groen)!important}
html body .bwf-list-jb-usps .bwf-icon-list-text{color:var(--jbkc-tekst)!important}
html body .bwf-section-wrap.bwf-section-jb-rev1,
html body .bwf-section-wrap.bwf-section-jb-rev2,
html body .bwf-section-wrap.bwf-section-jb-rev3{background:#FFFDF9!important;border:1px solid rgba(201,164,92,.5)!important;border-top:4px solid var(--jbkc-rood)!important;border-radius:14px!important;box-shadow:0 6px 18px rgba(92,13,25,.05)}

/* ---------- 7. Voet: dunne rood-gouden kerstlijn ---------- */
html body .bwf-section-wrap.bwf-section-jb-footer{border-top:3px solid var(--jbkc-rood)!important;box-shadow:inset 0 2px 0 var(--jbkc-goudl)}

/* ---------- 8. Mobiel ---------- */
@media (max-width:767px){
  .jbkc-kop{padding:16px 16px 6px;gap:6px}
  .jbkc-kop-logo{height:38px}
  .jbkc-kop-editie{font-size:12px;letter-spacing:.22em}
  .jbkc-kop-editie::before,.jbkc-kop-editie::after{width:22px}
  html body.single-wfacp_checkout .bwf-section-wrap.bwf-section-jb-main{padding-top:22px!important}
  html body #wfacp-e-form .wfacp-section{padding:24px 18px 22px!important;margin-bottom:16px!important;border-radius:16px!important}
  html body #wfacp-e-form .wfacp-comm-title{margin-bottom:12px!important}
  html body .wfacp-pro-thumb img{width:54px!important;height:54px!important}
  html body tr.order-total th,html body tr.order-total th span{font-size:21px!important}
  html body tr.order-total td strong .woocommerce-Price-amount,html body tr.order-total td > .woocommerce-Price-amount{font-size:26px!important}
  html body .bwf-list-jb-usps{padding:14px 16px!important}
}