/* =============================================
 * SCK cart row v1.9.0
 * Aantal + winkelwagenknop op één rij, even hoog, op alle productpagina's
 * (scooter, occasion, accessoire en standaard Flatsome). Kleuren komen uit
 * de layout-CSS of het theme; dit bestand regelt alleen de maatvoering.
 * ============================================= */

body.single-product form.cart{width:100%}

body.single-product form.cart:not(.variations_form),
body.single-product form.cart .woocommerce-variation-add-to-cart{
  display:flex !important;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
}

/* Alles wat geen aantal of knop is (EPO opties, totalen, meldingen) krijgt een eigen rij */
body.single-product form.cart:not(.variations_form) > *:not(.quantity):not(.ux-quantity):not(.single_add_to_cart_button),
body.single-product form.cart .woocommerce-variation-add-to-cart > *:not(.quantity):not(.ux-quantity):not(.single_add_to_cart_button){
  flex:0 0 100%;
}
body.single-product form.cart input[type="hidden"]{display:none}

body.single-product form.cart .quantity,
body.single-product form.cart .ux-quantity{
  display:inline-flex !important;
  align-items:stretch;
  flex:0 0 auto;
  height:42px;
  margin:0 !important;
  border:1px solid #e5e5e5;
  border-radius:10px;
  overflow:hidden;
  background:#fff;
  opacity:1 !important;
}
body.single-product form.cart .ux-quantity .ux-quantity__button,
body.single-product form.cart .quantity .minus,
body.single-product form.cart .quantity .plus{
  height:100% !important;
  min-height:0 !important;
  width:32px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:#fafafa !important;
  box-shadow:none !important;
  font-size:15px !important;
  line-height:1 !important;
  color:#1a1a1a !important;
}
body.single-product form.cart .quantity input.qty{
  height:100% !important;
  min-height:0 !important;
  width:42px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  text-align:center;
  font-size:14px !important;
  font-weight:700;
}

body.single-product form.cart .single_add_to_cart_button{
  flex:0 1 auto;
  width:auto !important;
  height:42px !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 22px !important;
  font-size:12.5px !important;
  font-weight:800 !important;
  line-height:42px !important;
  letter-spacing:.4px;
  border-radius:10px !important;
  white-space:nowrap;
}

@media (max-width:549px){
  body.single-product form.cart:not(.variations_form),
  body.single-product form.cart .woocommerce-variation-add-to-cart{flex-wrap:wrap;gap:8px}
  body.single-product form.cart .ux-quantity .ux-quantity__button,
  body.single-product form.cart .quantity .minus,
  body.single-product form.cart .quantity .plus{width:26px !important}
  body.single-product form.cart .quantity input.qty{width:32px !important}
  /* Knop vult de rest van de rij naast het aantal */
  body.single-product form.cart .single_add_to_cart_button{
    flex:1 1 0;
    min-width:0;
    padding:0 10px !important;
    font-size:11.5px !important;
    letter-spacing:.2px;
  }
}