/* Several 12/11/2026 — Selector de cantidad en píldora «− 5 +», el mismo del área profesional, en la ficha y en el carrito.
   Lo carga tunapschema (TunapPageCss) solo en la ficha de producto y en el carrito. */

/* ---------- Ficha de producto (several_tools productInfo.tpl): cantidad y «Añadir» en una fila ---------- */
body#product .product-infos form.add-to-cart-or-refresh{flex-direction:row!important;align-items:center;gap:12px!important}
body#product .product-infos .quantity-wrapper{display:inline-flex!important;flex:0 0 auto!important;align-items:stretch;width:auto!important;height:48px;margin:0;border:1.5px solid #d6dde6;border-radius:999px;background:#fff;overflow:hidden;transition:border-color .15s}
body#product .product-infos .quantity-wrapper:focus-within{border-color:#17355f}
body#product .product-infos .quantity-wrapper .quantity-button{display:flex;align-items:center;justify-content:center;width:44px!important;height:auto!important;margin:0;padding:0;border:0!important;border-radius:0!important;background:transparent!important;color:#17355f!important;font-size:0!important;line-height:1;box-shadow:none!important;cursor:pointer;transition:background .15s}
body#product .product-infos .quantity-wrapper .quantity-button:before{font-size:19px;font-weight:700}
body#product .product-infos .quantity-wrapper .quantity-button.minus:before{content:"\2212"}
body#product .product-infos .quantity-wrapper .quantity-button.plus:before{content:"+"}
body#product .product-infos .quantity-wrapper .quantity-button:hover{background:#f3f6f9!important}
body#product .product-infos .quantity-wrapper .quantity-input{width:52px!important;height:auto!important;margin:0;padding:0;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#17355f;font-family:Manrope,sans-serif;font-size:16px;font-weight:800;text-align:center;-moz-appearance:textfield}
body#product .product-infos .quantity-wrapper .quantity-input::-webkit-outer-spin-button,
body#product .product-infos .quantity-wrapper .quantity-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
body#product .product-infos .quantity-wrapper .quantity-input:focus{outline:0;background:#eef3f8!important}
body#product .product-infos form.add-to-cart-or-refresh .add-to-cart{flex:1 1 auto;width:auto!important;min-width:0;height:48px;border-radius:999px}

/* ---------- Carrito (touchspin de PrestaShop): «− 1 +» en vez de las flechitas apiladas ---------- */
body#cart .cart-item .bootstrap-touchspin{display:inline-flex!important;align-items:stretch;width:auto!important;height:44px;border:1.5px solid #d6dde6;border-radius:999px;background:#fff;overflow:hidden;box-shadow:none!important;transition:border-color .15s}
body#cart .cart-item .bootstrap-touchspin:focus-within{border-color:#17355f}
body#cart .cart-item .bootstrap-touchspin .input-group-btn-vertical{display:contents!important}
body#cart .cart-item .bootstrap-touchspin .bootstrap-touchspin-down{order:0}
body#cart .cart-item .bootstrap-touchspin input.js-cart-line-product-quantity{order:1}
body#cart .cart-item .bootstrap-touchspin .bootstrap-touchspin-up{order:2}
body#cart .cart-item .bootstrap-touchspin .btn-touchspin{position:static!important;display:flex;align-items:center;justify-content:center;width:38px!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#17355f!important;box-shadow:none!important;cursor:pointer;transition:background .15s}
body#cart .cart-item .bootstrap-touchspin .btn-touchspin:hover{background:#f3f6f9!important}
body#cart .cart-item .bootstrap-touchspin .btn-touchspin i{display:none!important}
body#cart .cart-item .bootstrap-touchspin .btn-touchspin:before{font-size:18px;font-weight:700;line-height:1}
body#cart .cart-item .bootstrap-touchspin .bootstrap-touchspin-down:before{content:"\2212"}
body#cart .cart-item .bootstrap-touchspin .bootstrap-touchspin-up:before{content:"+"}
body#cart .cart-item .bootstrap-touchspin input.js-cart-line-product-quantity{float:none!important;width:46px!important;height:auto!important;margin:0;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#17355f;font-family:Manrope,sans-serif;font-size:15px;font-weight:800;text-align:center}
body#cart .cart-item .bootstrap-touchspin input.js-cart-line-product-quantity:focus{outline:0;background:#eef3f8!important}

/* Carrito en móvil: cantidad, importe y papelera en una fila (las columnas del tema se quedaban estrechas y el importe tapaba el «+») */
@media (max-width:767px){
  body#cart .cart-item .product-line-grid-right>.row{display:flex;align-items:center;margin:12px 0 0}
  body#cart .cart-item .product-line-grid-right>.row>.hidden-md-up{display:none}
  body#cart .cart-item .product-line-grid-right>.row>.col-xs-6{flex:1 1 auto;width:auto;padding:0}
  body#cart .cart-item .product-line-grid-right>.row>.col-xs-6>.row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0}
  body#cart .cart-item .product-line-grid-right .qty,
  body#cart .cart-item .product-line-grid-right .price{float:none;width:auto;padding:0}
  body#cart .cart-item .product-line-grid-right .price{text-align:right;white-space:nowrap}
  body#cart .cart-item .product-line-grid-right>.row>.col-xs-2{flex:0 0 auto;width:auto;padding:0 0 0 14px}
}