/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

/* Ficha de producto: cantidad, carrito y lista de deseos en una sola fila. */
.page-product .product-quantity {
  grid-template-columns: 110px minmax(0, 1fr) 48px !important;
  align-items: stretch !important;
}

.page-product .product-quantity::before {
  grid-column: 1 / -1 !important;
}

.page-product .col-add-qty {
  grid-column: 1 !important;
  width: 110px !important;
  max-width: 110px !important;
  margin-bottom: 0 !important;
}

.page-product .col-add-btn {
  grid-column: 2 !important;
  min-width: 0 !important;
}

.page-product .col-add-wishlist {
  grid-column: 3 !important;
  width: 48px !important;
  max-width: 48px !important;
}

.page-product .product-add-to-cart .qty,
.page-product .product-add-to-cart .bootstrap-touchspin,
.page-product .product-add-to-cart #quantity_wanted,
.page-product .product-add-to-cart .add,
.page-product .product-add-to-cart .add-to-cart,
.page-product #iqit-wishlist-product-btn {
  height: 48px !important;
}

/* TouchSpin: las flechas forman parte del ancho del selector y no saltan de fila. */
.page-product .product-add-to-cart .qty .bootstrap-touchspin {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  width: 110px !important;
  height: 48px !important;
}

.page-product .product-add-to-cart #quantity_wanted {
  flex: 1 1 auto !important;
  width: 82px !important;
  min-width: 0 !important;
  height: 48px !important;
  border-radius: 10px 0 0 10px !important;
}

.page-product .product-add-to-cart .bootstrap-touchspin .input-group-btn-vertical {
  display: flex !important;
  flex: 0 0 28px !important;
  flex-direction: column !important;
  width: 28px !important;
  height: 48px !important;
}

.page-product .product-add-to-cart .bootstrap-touchspin .input-group-btn-vertical > .btn {
  display: flex !important;
  flex: 1 1 50% !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  min-height: 0 !important;
  margin: 0 0 0 -1px !important;
  padding: 0 !important;
}

.page-product .product-add-to-cart .bootstrap-touchspin .bootstrap-touchspin-up {
  border-radius: 0 10px 0 0 !important;
}

.page-product .product-add-to-cart .bootstrap-touchspin .bootstrap-touchspin-down {
  border-radius: 0 0 10px 0 !important;
}

.page-product .product-add-to-cart .bootstrap-touchspin .input-group-btn-vertical i {
  position: static !important;
  font-size: 9px !important;
  line-height: 1 !important;
}