/* ==========================================================================
   Sumisu Knives — koopknoppen donkergroen (sep 2026)
   Alleen knoppen die iets in de winkelwagen leggen of naar afrekenen/bestellen gaan.
   Geladen als laatste stylesheet; `html body` voor voorrang op sk-home/sk-product/sk-redesign.
   ========================================================================== */
:root{ --sk-buy:#1e7a4c; --sk-buy2:#2a9960; --sk-buy-dark:#17633d; --sk-buy-shadow:rgba(30,122,76,.34); }

/* 1. Loop-/kaartknoppen (home, categorie, actie, set- en upsellkaarten) */
html body a.ajax_add_to_cart,
html body a.add_to_cart_button,
html body .sk-home .card .card-cta.sk-cart-cta,
html body .sk-home .featured .card-cta.sk-cart-cta,
html body .sk-pdp .set-card-cta.primary,
html body .sk-pdp #upsell .upsell-add,
/* 2. Productpagina */
html body form.cart .single_add_to_cart_button,
html body form.cart button.single_add_to_cart_button,
html body .sk-pdp .buy-row form.cart button.single_add_to_cart_button,
html body .sk-pdp .product-section .buy-row form.cart button.single_add_to_cart_button,
html body .sticky-cart-btn,
/* 3. Winkelwagen: doorgaan naar afrekenen */
html body .wc-block-cart__submit-button,
html body .wp-block-woocommerce-cart .wc-block-cart__submit-button,
html body .wc-proceed-to-checkout .checkout-button,
/* 4. Afrekenen: bestelling plaatsen */
html body .wc-block-components-checkout-place-order-button,
html body .wc-block-checkout .wc-block-components-checkout-place-order-button,
html body #place_order{
  background:linear-gradient(135deg,var(--sk-buy),var(--sk-buy2)) !important;
  background-color:var(--sk-buy) !important;
  border-color:transparent !important;
  color:#fff !important;
  box-shadow:0 12px 26px -12px var(--sk-buy-shadow) !important;
}
html body a.ajax_add_to_cart:hover,
html body a.add_to_cart_button:hover,
html body .sk-home .card .card-cta.sk-cart-cta:hover,
html body .sk-home .featured .card-cta.sk-cart-cta:hover,
html body .sk-pdp .set-card-cta.primary:hover,
html body .sk-pdp #upsell .upsell-add:hover,
html body form.cart .single_add_to_cart_button:hover,
html body .sk-pdp .buy-row form.cart button.single_add_to_cart_button:hover,
html body .sticky-cart-btn:hover,
html body .wc-block-cart__submit-button:hover,
html body .wc-proceed-to-checkout .checkout-button:hover,
html body .wc-block-components-checkout-place-order-button:hover,
html body #place_order:hover{
  background:linear-gradient(135deg,var(--sk-buy-dark),var(--sk-buy)) !important;
  background-color:var(--sk-buy-dark) !important;
  color:#fff !important;
  filter:none !important;
}

/* tekst, iconen en laad-states in de knoppen wit houden */
html body a.ajax_add_to_cart *,
html body a.add_to_cart_button *,
html body .sk-home .card-cta.sk-cart-cta *,
html body .sk-pdp .set-card-cta.primary *,
html body .sk-pdp #upsell .upsell-add *,
html body form.cart .single_add_to_cart_button *,
html body .sticky-cart-btn *,
html body .wc-block-cart__submit-button .wc-block-components-button__text,
html body .wp-block-woocommerce-cart .wc-block-cart__submit-button:is(:active,:focus,:disabled,.is-loading) .wc-block-components-button__text,
html body .wc-block-components-checkout-place-order-button .wc-block-components-button__text,
html body .wc-block-components-checkout-place-order-button *{
  color:#fff !important;
}
html body a.ajax_add_to_cart svg,
html body .sk-home .card-cta.sk-cart-cta svg,
html body form.cart .single_add_to_cart_button svg,
html body .sticky-cart-btn svg,
html body .wc-block-components-checkout-place-order-button svg{ stroke:#fff !important; }
html body .wc-block-checkout .wc-block-components-checkout-place-order-button::after{ filter:brightness(0) invert(1); }
html body a.ajax_add_to_cart.loading,
html body form.cart .single_add_to_cart_button.loading{ opacity:.8; }
html body a.ajax_add_to_cart:focus-visible,
html body form.cart .single_add_to_cart_button:focus-visible,
html body .wc-block-cart__submit-button:focus-visible,
html body .wc-block-components-checkout-place-order-button:focus-visible{ outline:2px solid #c8a96e !important; outline-offset:2px; }