/* ============================================================================
   AJUSTES PROPIOS DE ESTA TIENDA
   ----------------------------------------------------------------------------
   Va aparte de base.css a proposito: base.css es el del tema, byte a byte
   igual que el de las otras tiendas, y conviene no tocarlo.
   Se carga desde layout/theme.liquid, al final del <head>.
   ========================================================================== */

/* El boton de anadir al carrito: a todo el ancho de la columna y mas alto.
   El tema lo dejaba con margenes laterales (button--margin-x) y a la altura
   normal de cualquier boton, y se veia pequeno al lado del resto de la ficha. */
.product-form__submit.atc-button,
.product-form__submit.main-product-atc {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  min-height: 5.8rem;
  /* El tema deja la letra en 1.6rem, pensada para su boton de 4.5rem de alto.
     Al subir el boton a 5.8rem esa letra se quedaba pequena dentro. 2rem
     recupera la proporcion de la captura. !important porque el tema pisa el
     tamano desde varias reglas. */
  font-size: 2rem !important;
  letter-spacing: 0.1rem !important;
  font-weight: 700;
}

@media screen and (max-width: 749px) {
  .product-form__submit.atc-button,
  .product-form__submit.main-product-atc {
    min-height: 5.4rem;
    font-size: 1.85rem !important;
  }
}

/* El contenedor no debe estrecharlo cuando la cantidad va en su propia fila. */
.product-form__quantity-and-btn--none {
  display: block;
  width: 100%;
}
