/* -- qty inputs */


  /* side checkout */
  .fkcart-quantity-selector {
    display: inline-flex;
    border: 2px solid #aaa;
    border-radius: 24px !important;
    overflow: hidden;
    height: 30px;
    max-width: 120px !important;
    align-items: center;
    box-shadow: none !important;
  }
  .fkcart-quantity-selector:hover {
    border: 2px solid #e97720;
  }

  .fkcart-quantity-selector input[type="text"].fkcart-quantity__input, 
  .fkcart-quantity-selector input {
    border: none !important;
    box-shadow: none !important;
    background-color: #fff !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 27px !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
  }
  .fkcart-quantity-selector:hover input, .fkcart-quantity-selector:hover .fkcart-quantity-button svg {
    color: #ce0f1f !important;
  }
  
  /* home y detail */

	.product button.single_add_to_cart_button, button.ajax_add_to_cart {
		border-radius: 20px;
    margin-left: -10px;
		height: 40px;
		width: 40px;
		border: none;
		background-color: #ce0f1f !important;
		color: #fff !important;
		fill: white;
		cursor: pointer;
		transition: all 0.2s ease; /* transición suave */
	}
	button.single_add_to_cart_button:hover, button.ajax_add_to_cart:hover {
		background-color: #e63a4a !important; /* color más claro al hacer hover */
		transform: scale(1.1); /* agranda un poco */
	}

  .custom-qty-wrapper {
    display: inline-flex;
    border: 2px solid #aaa;
    border-radius: 24px;
    overflow: hidden;
    height: 40px;
    max-width: 120px;
    align-items: center;
  }
  .custom-qty-wrapper:hover {
    border: 2px solid #ce0f1f;
  }
  
  .custom-qty-wrapper button {
    width: 28px;
    border: none;
    background: none;
    font-size: 26px;
    cursor: pointer;
    color: #aaa;
    display: flex;
    align-items: center;
    justify-content: center;
    user-select: none;
  }
  .custom-qty-wrapper:hover button, .custom-qty-wrapper:hover input.qty {
    color: #ce0f1f;
  }

  .qty-btn:hover {
    background-color: #f0f0f0;
  }

  .quantity .custom-qty-wrapper input.qty, 
  .woocommerce .quantity 
  .custom-qty-wrapper input.qty, 
  .custom-qty-wrapper input.qty[type="number"] {
    text-align: center;
    border: none !important;
    outline: none !important;
    width: 20px;
    background-color: #fff !important;
    font-size: 14px !important;
    pointer-events: none !important; /* Evita edición manual */
    border-radius: 0 !important;
    -moz-appearance: textfield;
    border-radius: 0 !important;
    margin: 0 !important;
    min-width: 50px !important;
    width: 120px !important;
  }
  .quantity .custom-qty-wrapper input.qty::-webkit-inner-spin-button,
  .quantity .custom-qty-wrapper input.qty::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }

  /* deshabilitamos del checkout */

  form.woocommerce-cart-form .custom-qty-wrapper button {
    display: none;
  }
  form.woocommerce-cart-form .custom-qty-wrapper, .woocommerce .quantity .custom-qty-wrapper input.qty {
    border: none !important;
  }

  .butpmi.single_add_to_cart_button {
    background-color: #ce0f1f !important;
  }


  /* TOAST FKCART */
.fkcart-toast .button {
    display: none !important;
}

/* AGREGAR ITEMS AL CARRITO LOADER */

.fancy-spin {
  animation: rotate 1s linear infinite;
  width: 28px;
  height: 28px;
}
.fancy-path {
  stroke: #fff;
  stroke-linecap: round;
  stroke-dasharray: 90,150; /* crea efecto “bucle” */
  stroke-dashoffset: 0;
  transform-origin: 50% 50%;
  animation: dash 1.5s ease-in-out infinite;
}

@keyframes rotate {
  100% { transform: rotate(360deg); }
}

@keyframes dash {
  0% { stroke-dashoffset: 0; }
  50% { stroke-dashoffset: 60; }
  100% { stroke-dashoffset: 0; }
}

#et-boc .area-outer-wrap[data-da-loader=yes] [data-da-area] {
  background-image: none;
}



@media (max-width: 768px) {

  .custom-qty-wrapper {
    max-width: 80px;
  }
  .quantity .custom-qty-wrapper input.qty, .woocommerce .quantity .custom-qty-wrapper input.qty, .custom-qty-wrapper input.qty[type="number"] {
    min-width: 0px !important;
  }

}