/*
Theme Name:   bebidasencasa theme
Theme URI:    https://xstore.8theme.com
Description:  XStore is a multi-purpose theme that offers the ultimate WordPress and WooCommerce synergy, providing a comprehensive, all-in-one solution.
Author:       8theme
Author URI:   https://www.8theme.com
Template:     xstore
Version:      1.0
Text Domain:  xstore-child
Tags: e-commerce, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, custom-logo, featured-images, full-width-template, threaded-comments, accessibility-ready, rtl-language-support, footer-widgets, sticky-post, theme-options, translation-ready, ecommerce, woocommerce, shop, elementor, business, corporate, blog, news, light, dark
*/


.sale .etheme-product-grid-content .price del > .woocommerce-price-suffix {
    display: none !important;
}

.sale .etheme-product-grid-content .price ins > .woocommerce-price-suffix:nth-child(2) {
    display: none !important;
}

/* difuminar productos sin existencias */
.etheme-product-grid .outofstock {
    position: relative !important;
}

/* Difuminar productos agotados dentro del contenedor etheme-product-grid */
.etheme-product-grid .outofstock >.etheme-product-grid-image {
    opacity: 0.8 !important; /* Reduce la visibilidad para un efecto difuminado */
    filter: blur(1.5px) !important; /* Aplica un leve desenfoque */
    pointer-events: none !important; /* Desactiva la interacción (clicks) en los productos agotados */
}

/* Mantener título y precio visibles */
.etheme-product-grid .product.outofstock .etheme-product-grid-content,
.etheme-product-grid .product.outofstock .price {
    opacity: 1 !important;
    filter: none !important; /* No aplicar desenfoque al texto */
}

/* Añadir superposición con texto "Agotado" */
.etheme-product-grid .product.outofstock:after {
    content: "Agotado"; /* Texto que se muestra sobre el producto */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(7, 6, 6, 0.7); /* Fondo oscuro semitransparente */
    color: #fff;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 5px;
    text-transform: uppercase;
    letter-spacing: 1px;
    filter: none !important;
}

.price > del > .woocommerce-price-suffix:nth-child(2) {
    display: none !important;
}

.price > ins > .woocommerce-price-suffix:nth-child(2) {
    display: none !important;
}

.elementor-3136 .elementor-element.elementor-element-16e71c4 .etheme-elementor-nav-menu-item-parent .elementor-item:hover {
	background: #F73838 !important;
}

ins span:nth-child(2), 
del span:nth-child(2) {
	display: none !important;
}

@media (max-width:768px) {
	.joinchat__button {
	bottom: 65px
}
}

/* ////////////////////////// Whatsapp button  *//////////////////////////////////////////// */


    .joinchat--left .joinchat__button {
        bottom: 70px !important;
    }

    .joinchat__button {
        bottom: 70px !important;
    }


@media (min-width: 768px) {
    .joinchat--left .joinchat__button {
        bottom: 10px !important;
    }

    .joinchat__button {
        bottom: 10px !important;
    }
}

/* reset icons6 */

.elementor-13487 .elementor-element.elementor-element-23c72b7a .category-list-item > ul > li > a:before {
    content: '\e904' !important;
    font-family: "xstore-icons" !important;
    font-style: normal;
    font-weight: normal;
}