/*
Theme Name: Basilico Child
Theme URI: http://demo.7iquid.tech/basilico/
Author: 7iquid
Author URI: http://themeforest.net/user/7iquid
Template: basilico
Description: Basilico is the WordPress theme for Restaurant, Cafe, Seafood, Bakery, Bar, Catering, Food business and for personal Chef portfolio website. It is designed with Unique and clean & modern Look. The theme helps you to get your site up and running in less than minutes with the One Click Demo Importer. Create pages easily with the Drag & Drop Page Builder (Elementor Free) and fully responsive, retina ready and easy to customize.
Version: 1.1
License: ThemeForest
License URI: https://themeforest.net/licenses
Text Domain: basilico-child
Tags: elementor, cafe, chef, cooking, dishes, fastfood, food, food-store, fruit, meal, pizza, restaurant, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Requires at least: 5.8 or Higher
Requires PHP: 7.4 or Higher
Tested up to: 8.3
*/

.pxl-product-title {
  font-family: 'DM Sans'!important;
  font-size: 18px;
}

.pxl-shop-layout-6 .pxl-products-content .pxl-products-content-inner .top-content-inner .price {
  font-family: 'DM Sans'!important;
}

.pxl-shop-layout-5 .grid-item .pxl-products-thumb .add_to_cart_button .pxl-icon {
  font-size: 30px;
}

.pxl-shop-layout-5 .grid-item .pxl-products-thumb .add_to_cart_button {
  width: 80px;
  height: 80px;
}

.pxl-shop-layout-4 .pxl-products-content .pxl-product-title,
.pxl-shop-layout-4 .pxl-products-content .pxl-product-title > * {
  font-size: 16px;
  max-height: 40px;
  line-clamp: 2;  
  text-overflow: initial;
}

.pxl-shop-layout-4 .pxl-products-content .pxl-product-title a {
  line-clamp: 2;
  -webkit-line-clamp:2;

}

.pxl-shop-layout-4 .pxl-products-content .pxl-product-title {
  margin-top: 15px;
}

.product .stock {
  font-weight: bold;
  margin-top: 10px;
      animation: 2s infinite blink;
}

@keyframes blink {
    0%, 15% {
        opacity: 0;
    }
    16%, 100% {
        opacity: 1;
    }
}
.pxl-shop-layout-4 .products .grid-item:hover {
  background-image: none;
}

.pxl-shop-layout-4 .products .grid-item:hover .price {
  color: white;
}


/* Contenedor relativo para posicionar el badge (común en WC) */
.product, .woocommerce-product-gallery {
    position: relative;
}

/* Estilos del Badge "Sense places" */
.badge-out-of-stock {
    position: absolute;
    top: 10px;            /* Distancia desde arriba */
    left: 10px;           /* Distancia desde la izquierda */
    background-color: #e60000; /* Rojo intenso */
    color: #ffffff;       /* Texto blanco */
    padding: 5px 12px;    /* Espaciado interno */
    font-size: 12px;      /* Tamaño de letra */
    font-weight: bold;    /* Negrita */
    text-transform: uppercase; /* Mayúsculas */
    border-radius: 3px;   /* Bordes ligeramente redondeados */
    z-index: 10;          /* Asegura que esté por encima de la imagen */
    box-shadow: 0 2px 4px rgba(0,0,0,0.2); /* Sombra suave */
    pointer-events: none; /* Para que no interfiera con clics en la imagen */
}

/* Ajuste específico para la página de detalle si fuera necesario */
.single-product .badge-out-of-stock {
    top: 20px;
    left: 20px;
    font-size: 14px;
}