/*
Theme Name: Storefront Child
Theme URI: https://tusitio.com
Description: Tema hijo de Storefront
Author: Alejandro Briz
Author URI: https://alejandrobriz.es
Template: storefront
Version: 1.0
Text Domain: storefront-child
*/

/* Colores corporativos 
    rojo oscuro: #D31F2F
    rojo claro: #E41212
    blanco: #EDEADC
*/

@import url("../storefront/style.css");

.woocommerce-tabs ul.tabs li a, .jp-relatedposts-post-title a {
    color: #E41212 !important;
}

/* Sombra y borde de los cuadros en la tienda */

.woocommerce ul.products li.product a img, .woocommerce div.product div.images img {
    border: 10px solid black !important; /* Marco negro */
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5) !important; /* Sombra */
    padding: 2px !important;
    background: white !important;
}

/* Efecto hover en las imagenes de productos */
.woocommerce ul.products li.product a img:hover, 
.woocommerce div.product div.images img:hover {
    transform: scale(1.05); /* Aumenta ligeramente el tamano */
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.7); /* Sombra mas fuerte */
    transition: all 0.3s ease; /* Transicion suave */
}

/* Asegurar que los enlaces sean del color predeterminado */
.main-navigation ul.menu, .main-navigation ul.nav-menu a {
    color: #D31F2F !important; /* Negro para enlaces */
    font-weight: 600;
    font-size: 1em;
    text-decoration: none;
}

span.woocommerce-Price-amount {
    color: #D31F2F !important; /* Rojo para enlaces */
    font-weight: 600;
    font-size: 1em;
    text-decoration: none;

}

.site-header-cart .cart-contents::after {
    color: #D31F2F !important; /* Rojo para carrito */
    font-size: 1em;
    animation: shake 0.3s ease-in-out;
}

@keyframes shake {
    0% { transform: translateX(0); }
    25% { transform: translateX(-3px); }
    50% { transform: translateX(3px); }
    75% { transform: translateX(-3px); }
    100% { transform: translateX(0); }
}

span.price {
    font-size: 1.4em;
}

a.reset_variations {
    display: inline-block;
    margin-left: 1em;
    color: #E41212;
}



ul.products li.product .button {
    background: linear-gradient(45deg, #D31F2F, #E41212); /* Degradado rojo */
    color: #fff; ¡impo
    font-size: 1.2em;
    font-weight: bold;
    text-transform: uppercase;
    border: none;
    padding: 12px 20px;
    border-radius: 6px;
    cursor: pointer;
    transition: background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    display: inline-block;
    text-align: center;
}

ul.products li.product .button:hover {
    background: #E41212; /* Color más claro al pasar el cursor */
    transform: scale(1.05);
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.3);
}

ul.products li.product .button:active {
    transform: scale(0.95);
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);
}