/*
 Theme Name:     Storefront - xardin
 Theme URI:      https://xardin.es
 Description:    Tema hijo 
 Author:         RBA
 Author URI:     https://xardin.es
 Template:       storefront
 Version:        1.0.0
*/

 
/*------------------------------------------------------- 
A partir de aquí puedes poner tus estilos de CSS personalizados 
------------------------------------------------------- */
body .quantity input.input-text.qty.text {
    width: 80px !important;
    text-align: center !important;
    padding: 5px !important;
    font-size: 16px !important;
}

/* Ajustar el tamaño de las cajas de cantidad en el nuevo checkout */
.wc-block-components-order-summary .wc-block-components-order-summary-item__quantity input {
    width: 80px !important; /* Aumentar el ancho */
    text-align: center !important; /* Centrar el contenido */
    padding: 5px !important; /* Espaciado interno */
    font-size: 14px !important; /* Tamaño de texto */
    box-sizing: border-box; /* Asegura que el padding no afecta al tamaño */
    appearance: none; /* Elimina estilos predeterminados del navegador */
}

/* Ajustar para pantallas pequeñas */
@media (max-width: 768px) {
    .wc-block-components-order-summary .wc-block-components-order-summary-item__quantity input {
        width: 60px !important; /* Ajustar el ancho en pantallas pequeñas */
        font-size: 12px !important; /* Reducir tamaño del texto */
    }
}


/* Ajustar tamaño de las cajas de cantidad en el resumen del pedido */
.woocommerce table.shop_table input.qty {
    width: 100px !important; /* Aumentar el ancho */
    text-align: center !important; /* Centrar el texto */
    padding: 5px !important; /* Añadir espacio interno */
    font-size: 14px !important; /* Ajustar tamaño del texto */
    box-sizing: border-box; /* Asegurar que el padding no afecta al tamaño */
    appearance: none; /* Elimina estilos predeterminados del navegador */
}

/* Ajustes para pantallas más pequeñas */
@media (max-width: 768px) {
    .woocommerce table.shop_table input.qty {
        width: 80px !important; /* Reducir ancho en móviles */
        font-size: 12px !important; /* Tamaño de texto más pequeño */
    }
}

/* Solución adicional para Chrome */
@supports (-webkit-appearance:none) {
    .woocommerce table.shop_table input.qty {
        width: 100px !important; /* Asegurar el ancho en Chrome */
    }
}



.add_to_cart_button {
    display: inline-block;
    vertical-align: middle;
}

.granel-label {
    background-color: #fdd835;
    color: #000;
    font-weight: bold;
    padding: 5px 10px;
    border-radius: 3px;
    display: inline-block;
}
.granel-message {
    font-size: 16px;
    margin-top: 10px;
}


.suggestion-box div {
    padding: 5px;
    cursor: pointer;
}

.suggestion-box div:hover {
    background-color: #f0f0f0;
}