/*
 Theme Name:   Bootscore Child
 Description:  Bootscore Child Theme
 Author:       Bootscore
 Author URI:   https://bootscore.me
 Template:     bootscore
 Version:      6.0.0
 Requires at least: 5.0
 Tested up to: 6.6
 Requires PHP: 7.4
 License: MIT License
 License URI: https://github.com/bootscore/bootscore-child/blob/main/LICENSE
 Text Domain:  bootscore
*/

/* 
All style editing is done via /assets/scss/_bootscore_custom.scss
*/

body{
	font-family: "Open Sans", sans-serif!important;
}

body.woocommerce-checkout .product-name{
	max-width: 71%;
	width: 100%;
}

/********************************************************/
/********************************************************/
/* === Navbar personalizada === */
/* Color MENU */
#nav-main{
	background-color: #E52F20!important;
	background-image: var(--bs-gradient) !important;
	box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.75);
	
}
/* cambiar color de botones */
.add_to_cart_button, .single_add_to_cart_button, .add_to_cart_button, .cart-toggler, .nav-toggler, .back-to-cart, .account-toggler, .btn-primary, #place_order{
	border:0!important;
	/*background-color:#6324E0!important;*/
	background-image: var(--bs-gradient);
	background-color:#F79917!important;
	color:#333;
	background-image: var(--bs-gradient);
	box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.75);
}

/* color de LINKS */
/* Para pantallas de 400px en adelante */
.navbar-nav .nav-link {
    color: #333 !important;
	font-weight:bold;
}

.navbar-nav .nav-link.active {
    color: #000 !important;
    font-weight: bold;
	border-radius:5px;
	background-image: var(--bs-gradient) !important;
}

@media (min-width: 500px) {
    .navbar-nav .nav-link {
        color: rgba(255, 255, 255, 0.9) !important;
    }
    
    .navbar-nav .nav-link:hover,
    .navbar-nav .nav-link:focus {
        color: rgba(255, 255, 255, 1) !important;
    }
    
    .navbar-nav .nav-link.active {
        color: #000 !important;
        font-weight: bold;
        background-color: rgba(255, 255, 255, 0.9);
    }
}
/**************************************************/

/* Boton OFERTAS */
span.badge.text-bg-danger {
    animation: pulse 2s infinite;
    box-shadow: 0 0 0 rgba(220, 53, 69, 0.4);
}

@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

.woocommerce-thankyou-order-details.order_details{
	background: #e52f20c7;
	color: #fff;
	border: 1px solid #E52F20;
}

/********************************************************/
/********************************************************/

.price{font-size:2rem!important;}
.related.products .price{font-size:1.5rem!important;}
body.woocommerce-checkout .price{font-size:1rem;}
body.archive .price{font-size:1rem!important;}

/* personalizado de SIDEBAR */
.product-categories {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.product-categories li {
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 0.5rem;
    margin-bottom: 10px;
    padding: 10px 15px;
    transition: background-color 0.3s, transform 0.3s;
}

.product-categories li:hover {
    background-color: #007bff;
    color: white;
    transform: translateY(-3px);
}

.product-categories a {
    text-decoration: none;
    color: #343a40;
}

.product-categories .count {
    background-color: #e9ecef;
    border-radius: 50%;
    padding: 5px 10px;
    font-size: 0.9rem;
    margin-left: 10px;
}

.product-categories li:hover .count {
    background-color: #0056b3;
    color: white;
}


.row.g-4.mb-4.products .descuento{
	display:none;
}


.single_add_to_cart_button, .badge, .cat-item{
	background-image: var(--bs-gradient) !important;
}

.card-img-top{
	display:none!important;
}


/**********************************************************************/
/* BOTON OFERTAS */
.nav-item-439 .nav-link {
    background: linear-gradient(45deg, #ff0000, #ff6b6b, #ff0000);
    background-size: 200% 200%;
    animation: neonGlow 2s ease-in-out infinite;
    color: white !important;
    font-weight: bold;
    padding: 8px 16px;
    border-radius: 25px;
    text-shadow: 0 0 10px rgba(255,255,255,0.8);
    box-shadow: 0 0 20px rgba(255,0,0,0.5);
    position: relative;
    overflow: hidden;
}

@keyframes neonGlow {
    0%, 100% {
        background-position: 0% 50%;
        box-shadow: 0 0 20px rgba(255,0,0,0.5);
    }
    50% {
        background-position: 100% 50%;
        box-shadow: 0 0 30px rgba(255,0,0,0.8), 0 0 40px rgba(255,0,0,0.4);
    }
}