/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: May 06 2026 | 16:55:37 */
/* 
 * BANANAPOP - BOTÓN COMPRA Y SELECTOR CANTIDAD REDONDEADOS
 */

/* 1. Botón "Añadir al carrito" */
button.single_add_to_cart_button {
    border-radius: 50px !important; /* Bordes totalmente circulares */
    font-family: 'Fredoka', sans-serif !important; /* Fuente Fredoka */
    font-weight: 600 !important;
    padding: 12px 30px !important; /* Ajuste de aire interno */
    transition: all 0.3s ease !important;
}

/* Efecto sutil al pasar el ratón por el botón */
button.single_add_to_cart_button:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1) !important;
}

/* 2. Selector de cantidad (el recuadro del número) */
.quantity {
    display: inline-flex !important;
    border-radius: 50px !important; /* Redondeado del contenedor */
    overflow: hidden !important; /* Para que el borde corte los botones internos si los hay */
    background: #ffffff !important;
}

.quantity input.qty {
    border-radius: 50px !important; /* Redondeado del campo de texto */
    font-family: 'Fredoka', sans-serif !important;
    font-weight: 600 !important;
    border: 1px solid #e0e0e0 !important; /* Ajuste sutil de borde */
    height: 45px !important; /* Altura equilibrada */
}

/* 3. Ajuste para los botones de + y - si tu tema los usa por separado */
.quantity button.plus, 
.quantity button.minus {
    border-radius: 0 !important; /* Se mantienen rectos por dentro para encajar en la cápsula */
    font-family: 'Fredoka', sans-serif !important;
}