/* Kadans: WooCommerce */

.woocommerce-notices-wrapper:empty{display:none}
.woocommerce-message,.woocommerce-info,.woocommerce-error{list-style:none;margin:0 0 24px;padding:16px 20px;border-radius:8px;background:#eef3ff;border-left:4px solid var(--kd-blauw);font-weight:600;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
.woocommerce-error{background:#fff4ec;border-color:var(--kd-oranje)}
.woocommerce-message .button,.woocommerce-info .button{order:2}
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,.woocommerce .button.alt,.woocommerce button.button.alt,.wc-block-components-button:not(.is-link),.woocommerce a.added_to_cart{display:inline-flex;align-items:center;justify-content:center;gap:10px;font:700 1rem/1.2 var(--kd-tekst);text-decoration:none;border:0;cursor:pointer;padding:15px 24px;border-radius:999px;background:var(--kd-oranje);color:#fff;transition:background .15s}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce .button.alt:hover,.wc-block-components-button:not(.is-link):hover{background:var(--kd-oranje-hover);color:#fff}
.woocommerce button.button:disabled,.woocommerce button.button.disabled{opacity:.5;cursor:not-allowed}
.woocommerce a.added_to_cart{background:var(--kd-blauw);margin-left:8px}

/* Winkelwagen (klassiek) */
.woocommerce table.shop_table{width:100%;border-collapse:collapse;border:1px solid var(--kd-lijn);border-radius:var(--kd-radius);overflow:hidden;background:#fff}
.woocommerce table.shop_table th{background:var(--kd-paneel);text-align:left;padding:14px 16px;font-size:.9rem}
.woocommerce table.shop_table td{padding:16px;border-top:1px solid var(--kd-lijn);vertical-align:middle}
.woocommerce table.shop_table td.product-thumbnail img{width:72px;border-radius:6px}
.woocommerce table.shop_table td.product-name a{font-weight:700;text-decoration:none;color:var(--kd-blauw)}
.woocommerce table.shop_table td.product-remove a{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:var(--kd-paneel);text-decoration:none;color:var(--kd-inkt);font-size:1.3rem}
.woocommerce table.shop_table td.product-remove a:hover{background:var(--kd-oranje);color:#fff}
.woocommerce .quantity .qty{width:70px;height:46px;border:2px solid var(--kd-lijn);border-radius:8px;text-align:center;font:900 1.3rem var(--kd-kop)}
.woocommerce td.actions .coupon{display:flex;gap:10px;flex-wrap:wrap}
.woocommerce td.actions .coupon input{height:50px;border:2px solid var(--kd-lijn);border-radius:999px;padding:0 18px;min-width:180px}
.woocommerce td.actions>.button{float:right}
.woocommerce .cart-collaterals{margin-top:40px}
.woocommerce .cart_totals h2,.woocommerce-checkout h3,#order_review_heading{font:900 2.2rem/1 var(--kd-kop);margin:0 0 16px}
.woocommerce .cart_totals .shop_table th{width:40%}
.woocommerce .wc-proceed-to-checkout{margin-top:20px}
.woocommerce .wc-proceed-to-checkout .checkout-button{width:100%;font-size:1.1rem;padding:18px 24px}
.woocommerce .amount{font-variant-numeric:tabular-nums;font-weight:700}
.woocommerce .order-total .amount{font:900 1.8rem/1 var(--kd-kop);color:var(--kd-blauw)}
.cart-empty{font-size:1.2rem}
.return-to-shop{margin-top:20px}

/* Afrekenen (klassiek) */
.woocommerce form .form-row{margin:0 0 16px;padding:0}
.woocommerce form .form-row label{display:block;font-weight:700;font-size:.92rem;margin-bottom:6px}
.woocommerce form .form-row .required{color:var(--kd-oranje);text-decoration:none}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select,.woocommerce-page form .form-row .select2-container .select2-selection--single{width:100%;height:52px;border:2px solid var(--kd-lijn);border-radius:8px;padding:0 14px;font-size:1rem;background:#fff}
.woocommerce form .form-row textarea{height:auto;padding:12px 14px;min-height:110px}
.woocommerce form .form-row input.input-text:focus,.woocommerce form .form-row textarea:focus{outline:none;border-color:var(--kd-blauw)}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:48px;padding-left:0}
.select2-container--default .select2-selection--single .select2-selection__arrow{height:48px}
.woocommerce-checkout #customer_details{margin-bottom:30px}
.woocommerce-checkout .col2-set .col-2:empty,.woocommerce-shipping-fields:empty{display:none}
#order_review{background:var(--kd-paneel);border-radius:var(--kd-radius);padding:26px}
#order_review .shop_table{background:#fff}
.woocommerce-checkout #payment{background:transparent;margin-top:20px}
.woocommerce-checkout #payment ul.payment_methods{list-style:none;padding:0;margin:0 0 16px;border:0}
.woocommerce-checkout #payment ul.payment_methods li{background:#fff;border-radius:8px;padding:14px 16px;margin-bottom:8px}
.woocommerce-checkout #payment div.payment_box{background:var(--kd-paneel);border-radius:6px;padding:12px 14px;margin-top:10px;font-size:.92rem}
.woocommerce-checkout #payment div.payment_box::before{display:none}
.woocommerce-checkout #place_order{width:100%;font-size:1.1rem;padding:18px 24px}
.woocommerce-terms-and-conditions-wrapper{font-size:.92rem}
.woocommerce form.checkout_coupon,.woocommerce form.login{border:2px solid var(--kd-lijn);border-radius:var(--kd-radius);padding:20px}

/* Blokversie van winkelwagen en afrekenen */
.wc-block-cart,.wc-block-checkout{font-family:var(--kd-tekst)}
.wc-block-components-title.wc-block-components-title{font:900 2rem/1 var(--kd-kop)}
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value{font:900 1.8rem/1 var(--kd-kop);color:var(--kd-blauw)}
.wc-block-components-text-input input,.wc-block-components-combobox .components-combobox-control__input{border-radius:8px!important;border:2px solid var(--kd-lijn)!important}

/* Mijn account */
.woocommerce-account .woocommerce{display:grid;grid-template-columns:240px minmax(0,1fr);gap:48px}
.woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.woocommerce-MyAccount-navigation a{display:block;padding:10px 16px;border-radius:8px;text-decoration:none;font-weight:600}
.woocommerce-MyAccount-navigation .is-active a{background:var(--kd-blauw);color:#fff}
.woocommerce-MyAccount-navigation a:hover{background:var(--kd-paneel)}
.woocommerce-account .woocommerce>.woocommerce-notices-wrapper,.woocommerce-account .woocommerce>h2,.woocommerce-account .woocommerce>form,.woocommerce-account .u-columns{grid-column:1/-1}

@media (max-width:980px){
  .woocommerce-account .woocommerce{grid-template-columns:minmax(0,1fr);gap:24px}
  .woocommerce td.actions>.button{float:none;width:100%;margin-top:10px}
}
@media (max-width:768px){
  .woocommerce table.shop_table_responsive thead{display:none}
  .woocommerce table.shop_table_responsive tr{display:block;border-top:1px solid var(--kd-lijn)}
  .woocommerce table.shop_table_responsive tr td{display:flex;justify-content:space-between;gap:12px;text-align:right;border:0;padding:10px 16px}
  .woocommerce table.shop_table_responsive tr td::before{content:attr(data-title);font-weight:700;text-align:left}
  .woocommerce table.shop_table_responsive tr td.product-remove::before,.woocommerce table.shop_table_responsive tr td.actions::before,.woocommerce table.shop_table_responsive tr td.product-thumbnail::before{display:none}
  .woocommerce table.shop_table_responsive tr td.product-thumbnail{display:none}
  .woocommerce td.actions{display:block!important}
  .woocommerce td.actions .coupon input,.woocommerce td.actions .coupon .button{flex:1 1 100%;width:100%}
  .woocommerce td.actions>.button{width:100%;margin-top:10px}
}