/* Wszystkie style związane z przyciskami WooCommerce */
.added_to_cart {
  color: var(--wp--preset--color--ink);
  font-family: var(--wp--preset--font-family--lato)
}

.add_to_cart_button:active {
  color: var(--wp--preset--color--on-brand)
}

.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link,
.add_to_cart_button,
.single_add_to_cart_button,
.wc-block-cart__submit-button,
.wp-block-woocommerce-mini-cart-shopping-button-block {
  background-color: var(--wp--preset--color--brand-ink);
  border-radius: 4px;
  box-shadow: none;
  padding-right: clamp(0.75em, 2.618vw, 1em);
  padding-left: clamp(0.75em, 2.618vw, 1em);
  padding-top: clamp(0.5em, 2vw, 0.75em);
  padding-bottom: clamp(0.5em, 2vw, 0.75em);
}

.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:hover,
.add_to_cart_button:hover,
.single_add_to_cart_button:hover,
.wc-block-cart__submit-button:hover,
.wp-block-woocommerce-mini-cart-shopping-button-block:hover {
  background: color-mix(in srgb, var(--wp--preset--color--brand) 70%, var(--wp--preset--color--brand-ink));
  box-shadow: var(--wp--preset--shadow--lvl-1)
}

.wp-block-woocommerce-mini-cart-shopping-button-block:focus,
.wp-block-woocommerce-mini-cart-shopping-button-block:active,
.add_to_cart_button:focus,
.add_to_cart_button:active,
.single_add_to_cart_button:active,
.single_add_to_cart_button:focus,
.wc-block-cart__submit-button:active,
.wc-block-cart__submit-button:focus {
  background: color-mix(in srgb, var(--wp--preset--color--brand) 70%, var(--wp--preset--color--brand-ink));
  box-shadow: none;
  color: var(--wp--preset--color--on-brand)
}

.button.wp-element-button {
  background-color: var(--wp--preset--color--brand-ink) !important;
  border-radius: 4px;
  color: var(--wp--preset--color--on-brand);
}

.button.wp-element-button:hover {
  background: color-mix(in srgb, var(--wp--preset--color--brand) 70%, var(--wp--preset--color--brand-ink));
  box-shadow: var(--wp--preset--shadow--lvl-1);
  color: var(--wp--preset--color--on-brand);
}

.is-style-filled:active>a,
.is-style-filled:hover>a,
.is-style-filled>a {
  color: var(--wp--preset--color--on-brand)
}

.is-style-filled>a {
  background-color: var(--wp--preset--color--brand-ink);
  box-shadow: none
}

.is-style-filled:hover>a {
  background: color-mix(in srgb, var(--wp--preset--color--brand) 70%, var(--wp--preset--color--brand-ink));
  box-shadow: var(--wp--preset--shadow--lvl-1)
}

.is-style-filled:active>a {
  box-shadow: none
}

.is-style-filled:focus>a {
  background: color-mix(in srgb, var(--wp--preset--color--brand) 70%, var(--wp--preset--color--brand-ink));
  box-shadow: none;
  color: var(--wp--preset--color--on-brand)
}

.is-style-outliner:active a,
.is-style-outliner:focus>a,
.is-style-outliner:hover>a,
.is-style-outliner>a {
  color: var(--wp--preset--color--brand-ink);

}

.is-style-outliner>a {
  border: 2px solid;
  box-shadow: none;
  background-color: var(--wp--preset--color--paper);
}

.is-style-outliner:hover>a {
  background: var(--wp--preset--color--paper-raised) !important
}

.is-style-outliner:active a {
  background: var(--wp--preset--color--paper-raised) !important;
  box-shadow: none
}

.is-style-outliner:focus>a {
  background: var(--wp--preset--color--paper-raised);
  box-shadow: none
}

.is-style-text:hover>a,
.is-style-text>a {
  box-shadow: none;
  color: var(--wp--preset--color--brand-ink)
}

.is-style-text>a {
  background: 0 0
}

.is-style-text:hover>a {
  background: var(--wp--preset--color--paper-raised)
}

.is-style-text-dark:active>a,
.is-style-text-dark:focus>a,
.is-style-text-dark:hover>a,
.is-style-text-dark>a {
  box-shadow: none;
  color: var(--wp--preset--color--brand)
}

.is-style-text-dark>a {
  background: 0 0
}

.is-style-text-dark:hover>a {
  background: color-mix(in srgb, var(--wp--preset--color--on-contrast) 10%, var(--wp--preset--color--contrast))
}

.is-style-text-dark:active>a,
.is-style-text-dark:focus>a {
  background: color-mix(in srgb, var(--wp--preset--color--on-contrast) 10%, var(--wp--preset--color--contrast))
}