/*
 * Balisongs.nl product conversion actions.
 * This sheet is intentionally limited to single-product purchase forms.
 */

body.bnl-visual-v3.single-product form.cart:not(.grouped_form) {
  display: grid;
  grid-template-columns: auto minmax(210px, 1fr) minmax(210px, 1fr);
  gap: 12px;
  align-items: stretch;
}

body.bnl-visual-v3.single-product
  form.variations_form.cart
  > :where(.variations, .single_variation_wrap) {
  grid-column: 1 / -1;
  min-width: 0;
}

body.bnl-visual-v3.single-product
  form.variations_form
  .woocommerce-variation-add-to-cart {
  display: grid;
  grid-template-columns: auto minmax(210px, 1fr) minmax(210px, 1fr);
  gap: 12px;
  align-items: stretch;
  width: 100%;
  min-width: 0;
}

body.bnl-visual-v3.single-product form.cart:not(.grouped_form) > .quantity,
body.bnl-visual-v3.single-product
  form.variations_form
  .woocommerce-variation-add-to-cart
  > .quantity {
  order: 10;
}

body.bnl-visual-v3.single-product form.cart .single_add_to_cart_button {
  order: 20;
}

body.bnl-visual-v3.single-product form.cart .bnl-buy-now-button {
  order: 30;
}

body.bnl-visual-v3.single-product
  form.cart
  :where(.single_add_to_cart_button, .bnl-buy-now-button) {
  width: 100%;
  min-width: 0;
  min-height: 52px;
  margin: 0;
  padding: 0 18px;
  cursor: pointer;
  transition:
    color 180ms ease,
    background-color 180ms ease,
    border-color 180ms ease;
}

body.bnl-visual-v3.single-product form.cart .single_add_to_cart_button {
  color: var(--bnl-acid) !important;
  border: 1px solid var(--bnl-acid) !important;
  background: var(--bnl-ink) !important;
}

body.bnl-visual-v3.single-product form.cart .single_add_to_cart_button:hover,
body.bnl-visual-v3.single-product form.cart .single_add_to_cart_button:focus-visible {
  color: var(--bnl-ink) !important;
  border-color: var(--bnl-acid) !important;
  background: var(--bnl-acid) !important;
}

body.bnl-visual-v3.single-product form.cart .bnl-buy-now-button {
  color: var(--bnl-ink) !important;
  border: 1px solid var(--bnl-acid) !important;
  background: var(--bnl-acid) !important;
}

body.bnl-visual-v3.single-product form.cart .bnl-buy-now-button:hover,
body.bnl-visual-v3.single-product form.cart .bnl-buy-now-button:focus-visible {
  color: var(--bnl-white) !important;
  border-color: var(--bnl-white) !important;
  background: var(--bnl-ink) !important;
}

body.bnl-visual-v3.single-product
  form.cart
  :where(.single_add_to_cart_button, .bnl-buy-now-button):focus-visible {
  outline: 3px solid var(--bnl-white);
  outline-offset: 3px;
}

body.bnl-visual-v3.single-product .wd-sticky-btn .bnl-buy-now-button {
  display: none;
}

@media (max-width: 1024px) {
  body.bnl-visual-v3.single-product form.cart:not(.grouped_form),
  body.bnl-visual-v3.single-product
    form.variations_form
    .woocommerce-variation-add-to-cart {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.bnl-visual-v3.single-product
    form.cart:not(.grouped_form)
    > .quantity,
  body.bnl-visual-v3.single-product
    form.variations_form
    .woocommerce-variation-add-to-cart
    > .quantity {
    grid-column: 1 / -1;
    width: 128px;
  }
}

@media (max-width: 520px) {
  body.bnl-visual-v3.single-product form.cart:not(.grouped_form),
  body.bnl-visual-v3.single-product
    form.variations_form
    .woocommerce-variation-add-to-cart {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }

  body.bnl-visual-v3.single-product
    form.cart:not(.grouped_form)
    > .quantity,
  body.bnl-visual-v3.single-product
    form.variations_form
    .woocommerce-variation-add-to-cart
    > .quantity {
    grid-column: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.bnl-visual-v3.single-product
    form.cart
    :where(.single_add_to_cart_button, .bnl-buy-now-button) {
    transition: none;
  }
}