/* ═════════════════════════════════════════════════════════════════
   Weblogic 2026 · kassa
   Geldt voor iedereen op kassa, winkelwagen en bedankt
   (body.wl26-kassa/-wagen/-ontvangen, gezet door weblogic-2026.php). Gemaakt voor de
   klassieke WooCommerce-kassa ([woocommerce_checkout]). Gebruik je de
   Elementor Pro Checkout-widget of de blok-kassa, dan kloppen de
   selectors niet en moet dit bestand daarop worden aangepast.
   ═════════════════════════════════════════════════════════════════ */
body.wl26-kassa{--wl-pink:#E6007E;--wl-ink:#141219;--wl-moss:#5FA043;--wl-rand:rgba(20,18,25,.09);
  background:#F6F3EE}
body.wl26-kassa .woocommerce{max-width:1180px;margin:0 auto;padding:clamp(20px,3vw,40px) 20px 64px;
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--wl-ink)}

/* rommel weg die niet helpt bij afrekenen */
body.wl26-kassa .woocommerce-form-coupon-toggle,
body.wl26-kassa .checkout_coupon,
body.wl26-kassa .woocommerce-form-login-toggle,
body.wl26-kassa #ship-to-different-address,
body.wl26-kassa .woocommerce-additional-fields,
body.wl26-kassa .woocommerce-billing-fields > h3{display:none!important}

/* stappen en kop (komen uit weblogic-2026.php) */
.wl26-stap{display:flex;align-items:center;gap:10px;margin:0 0 14px;font-size:.8rem;color:rgba(20,18,25,.45)}
.wl26-stap i{flex:0 0 22px;height:1px;background:rgba(20,18,25,.15)}
.wl26-stap .ok{color:#3E7F2C;font-weight:600}
.wl26-stap .nu{color:var(--wl-ink);font-weight:600}
.wl26-kop{margin:0 0 22px!important;font-family:'program',sans-serif;font-weight:700;letter-spacing:-.035em;
  font-size:clamp(1.7rem,2.6vw,2.2rem)!important;line-height:1.05;color:var(--wl-ink)}

/* twee kolommen: gegevens links, besteloverzicht rechts en blijft staan */
body.wl26-kassa form.checkout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,400px);
  grid-template-areas:"klant kop" "klant review";grid-template-rows:auto 1fr;gap:0 24px;align-items:start}
body.wl26-kassa #customer_details{grid-area:klant;display:block;width:auto!important;float:none;
  background:#fff;border:1px solid var(--wl-rand);border-radius:24px;padding:26px 26px 12px;
  box-shadow:0 26px 60px -48px rgba(20,18,25,.45)}
body.wl26-kassa #customer_details .col-1,
body.wl26-kassa #customer_details .col-2{width:100%!important;float:none!important;max-width:none}
body.wl26-kassa #customer_details .col-2:empty{display:none}
body.wl26-kassa #customer_details::before{content:'Je gegevens';display:block;margin-bottom:14px;font-weight:600;font-size:1rem}
body.wl26-kassa #order_review_heading{grid-area:kop;margin:0 0 10px!important;font-size:.72rem!important;font-weight:600!important;
  letter-spacing:.14em;text-transform:uppercase;color:rgba(20,18,25,.45)}
body.wl26-kassa #order_review{grid-area:review;position:sticky;top:24px;width:auto!important;float:none!important;
  background:#fff;border:1px solid var(--wl-rand);border-radius:24px;padding:22px;
  box-shadow:0 26px 60px -48px rgba(20,18,25,.45)}

/* velden */
body.wl26-kassa .woocommerce-billing-fields__field-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
body.wl26-kassa .form-row{margin:0 0 14px!important;padding:0!important;width:auto!important;float:none!important}
body.wl26-kassa .form-row-wide,
body.wl26-kassa #billing_address_1_field,
body.wl26-kassa #billing_email_field{grid-column:1/-1}
body.wl26-kassa .form-row label{display:block;margin:0 0 6px;font-size:.82rem;font-weight:500;color:rgba(20,18,25,.7)}
body.wl26-kassa .form-row .required{color:var(--wl-pink);text-decoration:none}
body.wl26-kassa .form-row .optional{color:rgba(20,18,25,.4)}
body.wl26-kassa .form-row input.input-text,
body.wl26-kassa .form-row select,
body.wl26-kassa .form-row textarea,
body.wl26-kassa .select2-container .select2-selection--single{box-sizing:border-box;width:100%;height:50px;min-height:0;line-height:1.3;padding:12px 14px;border-radius:14px;
  border:1px solid rgba(20,18,25,.14);background:#FBFAF8;font:inherit;font-size:16px;color:var(--wl-ink);
  box-shadow:none;transition:border-color .2s,box-shadow .2s,background .2s}
body.wl26-kassa .select2-container .select2-selection--single .select2-selection__rendered{line-height:24px;padding:0}
body.wl26-kassa .select2-container .select2-selection--single .select2-selection__arrow{height:48px;right:10px}
body.wl26-kassa .form-row input.input-text:focus,
body.wl26-kassa .form-row select:focus{outline:0;border-color:var(--wl-pink);background:#fff;box-shadow:0 0 0 4px rgba(230,0,126,.1)}
body.wl26-kassa .form-row.woocommerce-invalid input.input-text{border-color:#D93A3A}

/* besteloverzicht */
body.wl26-kassa .woocommerce-checkout-review-order-table{width:100%;border:0!important;border-collapse:collapse;margin:0 0 14px;font-size:.9rem}
body.wl26-kassa .woocommerce-checkout-review-order-table th,
body.wl26-kassa .woocommerce-checkout-review-order-table td{padding:11px 0!important;border:0!important;border-bottom:1px solid rgba(20,18,25,.07)!important;
  background:none!important;text-align:left;vertical-align:top}
body.wl26-kassa .woocommerce-checkout-review-order-table td:last-child,
body.wl26-kassa .woocommerce-checkout-review-order-table th:last-child{text-align:right}
body.wl26-kassa .woocommerce-checkout-review-order-table thead{display:none}
body.wl26-kassa .woocommerce-checkout-review-order-table .product-name{font-weight:600}
body.wl26-kassa .woocommerce-checkout-review-order-table .order-total th,
body.wl26-kassa .woocommerce-checkout-review-order-table .order-total td{border-bottom:0!important;font-size:1rem}
body.wl26-kassa .woocommerce-checkout-review-order-table .order-total .amount{font-family:'program',sans-serif;font-weight:700;font-size:1.5rem;letter-spacing:-.03em}
body.wl26-kassa .recurring-totals th{padding-top:18px!important;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(20,18,25,.45)}

/* betaalmethodes (Mollie) */
body.wl26-kassa #payment{background:none!important;border-radius:0}
body.wl26-kassa #payment ul.payment_methods{padding:0!important;margin:0 0 14px!important;border:0!important;display:grid;gap:8px}
body.wl26-kassa #payment ul.payment_methods li{list-style:none;margin:0;padding:12px 14px!important;border-radius:14px;
  border:1px solid rgba(20,18,25,.12);background:#FBFAF8}
body.wl26-kassa #payment ul.payment_methods li:has(input:checked){border-color:var(--wl-pink);background:#FFF6FA}
body.wl26-kassa #payment div.payment_box{margin:10px 0 0!important;padding:10px 12px!important;border-radius:10px;background:#fff!important;font-size:.82rem}
body.wl26-kassa #payment div.payment_box::before{display:none}
body.wl26-kassa #payment .place-order{padding:0!important;margin:0}
body.wl26-kassa .woocommerce-terms-and-conditions-wrapper{font-size:.82rem;color:rgba(20,18,25,.6)}
body.wl26-kassa .woocommerce-privacy-policy-text p{margin:0 0 10px}

/* de enige roze knop */
body.wl26-kassa #place_order{display:flex;align-items:center;justify-content:center;width:100%;min-height:58px;margin-top:6px;
  border:0;border-radius:999px;background:var(--wl-pink)!important;color:#fff!important;font:inherit;font-weight:600;font-size:1.02rem;
  box-shadow:0 18px 34px -16px rgba(230,0,126,.8);cursor:pointer;transition:transform .25s}
body.wl26-kassa #place_order:hover{transform:translateY(-2px)}

/* zekerheden en bellen (uit weblogic-2026.php) */
.wl26-zeker{list-style:none;margin:16px 0 0;padding:14px 0 0;border-top:1px solid rgba(20,18,25,.07);display:grid;gap:8px;font-size:.84rem;color:rgba(20,18,25,.7)}
.wl26-zeker li{position:relative;padding-left:24px}
.wl26-zeker li::before{content:'';position:absolute;left:0;top:2px;width:16px;height:16px;border-radius:50%;
  background:#5FA043 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 6.2 5.1 8.3 9 3.9' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/10px no-repeat}
.wl26-bel{margin:12px 0 0;font-size:.84rem;color:rgba(20,18,25,.55)}
.wl26-bel a{color:var(--wl-ink);font-weight:600}

/* meldingen */
body.wl26-kassa .woocommerce-error,
body.wl26-kassa .woocommerce-info,
body.wl26-kassa .woocommerce-message{border-radius:14px;border:0;padding:14px 16px!important;font-size:.9rem;grid-column:1/-1}

/* mobiel: gegevens eerst, daarna overzicht met betalen en de knop */
@media(max-width:860px){
  body.wl26-kassa form.checkout{grid-template-columns:1fr;grid-template-areas:"klant" "kop" "review";gap:0}
  body.wl26-kassa #order_review_heading{margin-top:18px!important}
  body.wl26-kassa #order_review{position:static}
  body.wl26-kassa #customer_details{padding:20px 18px 6px}
  body.wl26-kassa .woocommerce-billing-fields__field-wrapper{grid-template-columns:1fr}
}
body.wl26-kassa form.checkout > .woocommerce-NoticeGroup{grid-column:1/-1}
body.wl26-kassa .form-row textarea{height:auto;min-height:90px}
body.wl26-kassa .recurring-totals th{text-align:left!important}
body.wl26-kassa .woocommerce-input-wrapper{display:block;width:100%}

/* ═════════════════════════════════════════════════════════════════
   Winkelwagen (body.wl26-wagen) · klassieke [woocommerce_cart]
   ═════════════════════════════════════════════════════════════════ */
body.wl26-wagen,body.wl26-ontvangen{--wl-pink:#E6007E;--wl-ink:#141219;--wl-rand:rgba(20,18,25,.09);background:#F6F3EE}
body.wl26-wagen .woocommerce,body.wl26-ontvangen .woocommerce{max-width:1180px;margin:0 auto;padding:clamp(20px,3vw,40px) 20px 64px;
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--wl-ink)}
body.wl26-wagen .woocommerce{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,380px);gap:24px;align-items:start}
body.wl26-wagen .woocommerce > .woocommerce-notices-wrapper{grid-column:1/-1}
body.wl26-wagen .woocommerce-cart-form,
body.wl26-wagen .cart-collaterals .cart_totals{background:#fff;border:1px solid var(--wl-rand);border-radius:24px;padding:22px;
  box-shadow:0 26px 60px -48px rgba(20,18,25,.45)}
body.wl26-wagen .cart-collaterals{width:auto!important;position:sticky;top:24px}
body.wl26-wagen .cart-collaterals .cart_totals{width:auto!important;float:none!important}
body.wl26-wagen .cart-collaterals .cross-sells{display:none}
body.wl26-wagen table.shop_table{border:0!important;border-collapse:collapse;width:100%;margin:0!important;font-size:.92rem}
body.wl26-wagen table.shop_table th,body.wl26-wagen table.shop_table td{border:0!important;border-bottom:1px solid rgba(20,18,25,.07)!important;
  padding:12px 8px!important;background:none!important;vertical-align:middle}
body.wl26-wagen table.shop_table thead th{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(20,18,25,.45);font-weight:600}
body.wl26-wagen .product-thumbnail img{width:56px!important;height:56px;object-fit:cover;border-radius:12px}
body.wl26-wagen .product-name a{color:var(--wl-ink);font-weight:600;text-decoration:none}
body.wl26-wagen a.remove{display:grid!important;place-items:center;width:28px;height:28px;border-radius:50%;background:#F4F1EC;color:rgba(20,18,25,.5)!important;font-size:18px;text-decoration:none}
body.wl26-wagen a.remove:hover{background:#FFE6F2;color:var(--wl-pink)!important}
body.wl26-wagen .quantity .qty{width:64px;height:42px;border-radius:12px;border:1px solid rgba(20,18,25,.14);background:#FBFAF8;text-align:center;font:inherit}
body.wl26-wagen td.actions .coupon{display:none}
body.wl26-wagen td.actions button[name=update_cart]{border:0;background:none;color:rgba(20,18,25,.5);font:inherit;font-size:.84rem;text-decoration:underline;cursor:pointer;float:right}
body.wl26-wagen .cart_totals h2{margin:0 0 10px;font-size:.72rem!important;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(20,18,25,.45)}
body.wl26-wagen .cart_totals .order-total .amount{font-family:'program',sans-serif;font-weight:700;font-size:1.5rem;letter-spacing:-.03em}
body.wl26-wagen .cart_totals .recurring-totals th{padding-top:18px!important;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(20,18,25,.45)}
body.wl26-wagen .wc-proceed-to-checkout{padding:14px 0 0!important}
body.wl26-wagen .wc-proceed-to-checkout a.checkout-button{display:flex!important;align-items:center;justify-content:center;width:100%;min-height:58px;margin:0!important;
  border-radius:999px;background:var(--wl-pink)!important;color:#fff!important;font-weight:600;font-size:1.02rem;text-decoration:none;
  box-shadow:0 18px 34px -16px rgba(230,0,126,.8);transition:transform .25s}
body.wl26-wagen .wc-proceed-to-checkout a.checkout-button:hover{transform:translateY(-2px)}
/* lege winkelwagen */
body.wl26-wagen .wc-empty-cart-message,body.wl26-wagen .return-to-shop{grid-column:1/-1;text-align:center}
body.wl26-wagen .cart-empty{border-radius:18px;border:0;background:#fff;padding:22px!important;font-size:1rem}
body.wl26-wagen .return-to-shop .button{display:inline-flex;padding:15px 26px;border-radius:999px;background:var(--wl-ink);color:#fff;text-decoration:none;font-weight:600}
@media(max-width:860px){
  body.wl26-wagen .woocommerce{grid-template-columns:1fr}
  body.wl26-wagen .cart-collaterals{position:static}
  body.wl26-wagen table.shop_table_responsive tr td{padding:10px 4px!important}
}

/* ═════════════════════════════════════════════════════════════════
   Bestelling ontvangen voor de oude route (body.wl26-ontvangen)
   ═════════════════════════════════════════════════════════════════ */
body.wl26-ontvangen .woocommerce-order{max-width:760px;margin:0 auto}
body.wl26-ontvangen .woocommerce-thankyou-order-received{margin:0 0 18px;padding:22px;border-radius:24px;background:#fff;border:1px solid var(--wl-rand);
  font-family:'program',sans-serif;font-weight:700;font-size:1.5rem;letter-spacing:-.03em;text-align:center}
body.wl26-ontvangen ul.woocommerce-order-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:0 0 18px!important;padding:0!important;list-style:none}
body.wl26-ontvangen ul.woocommerce-order-overview li{margin:0!important;padding:14px!important;border:1px solid var(--wl-rand)!important;border-radius:16px;background:#fff;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(20,18,25,.5)}
body.wl26-ontvangen ul.woocommerce-order-overview li strong{display:block;margin-top:4px;font-size:.95rem;letter-spacing:0;text-transform:none;color:var(--wl-ink)}
body.wl26-ontvangen .woocommerce-order-details,body.wl26-ontvangen .woocommerce-customer-details,
body.wl26-ontvangen .woocommerce-order > section{margin:0 0 18px;padding:22px;border-radius:24px;background:#fff;border:1px solid var(--wl-rand)}
body.wl26-ontvangen .woocommerce-order h2{font-size:.72rem!important;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(20,18,25,.45);margin:0 0 10px}
body.wl26-ontvangen table.shop_table{border:0!important;width:100%;border-collapse:collapse;font-size:.92rem}
body.wl26-ontvangen table.shop_table th,body.wl26-ontvangen table.shop_table td{border:0!important;border-bottom:1px solid rgba(20,18,25,.07)!important;padding:10px 0!important;background:none!important}
body.wl26-ontvangen address{border:0!important;padding:0!important;font-style:normal;line-height:1.6}

/* thema-paginatitel weg, wij zetten zelf de kop */
body.wl26-kassa .page-header,body.wl26-wagen .page-header,body.wl26-ontvangen .page-header{display:none}