/*
Theme Name:  Mel Comunicació
Description: Tema hijo para Hello Elementor en la web de Product-O Restaurante
Author:      Saúl Boza Muñoz | Mel Comunicació
Author URL:  https://melcomunicacio.es
Template:    hello-elementor
Version:     1.0
License:     GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mel-comunicacio
*/

/* DESATURAR LAS FOTOS DE LOS RESTAURANTES EN LA HOME Y SATURARLAS EN HOVER */

/* 1. Contenedor principal */
.elementor-element.card-image {
    position: relative;
    overflow: hidden;
    
    /* ¡AQUÍ ESTÁ EL CAMBIO! En lugar de borrar la imagen con none, 
       la ocultamos pintando encima un fondo transparente mediante un degradado.
       Esto permite que el padre SIGA teniendo la URL para que el ::before la herede */
    background-image: linear-gradient(transparent, transparent), inherit !important;
}

/* 2. Forzamos a que el texto y los botones floten por encima */
.elementor-element.card-image > * {
    position: relative;
    z-index: 2;
}

/* 3. Capa trasera que clona el fondo */
.elementor-element.card-image::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    
    /* Hereda la imagen original sin el degradado transparente */
    background-image: inherit; 
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    
    /* Estado Normal: Blanco y negro */
    filter: saturate(0%);
    
    /* Transición suave */
    transition: filter 0.5s ease-in-out;
}

/* 4. Estado Hover */
.elementor-element.card-image:hover::before {
    filter: saturate(100%);
}

/* ESCONDER LOS TÍTULOS AL HACER HOVER EN LA TARJETA */
.hideable-title {
	transition: all ease-in 0.3s;
}

.card-image:hover > .hideable-title {
	opacity: 0;
}


/* ELIMINAR LA BARRA DE SCROLL EN LAS PÁGINAS DE CARTA */
.menu-scroller {
    /* 1. Para Firefox */
    scrollbar-width: none !important;
    /* 2. Para Internet Explorer y Edge antiguo */
    -ms-overflow-style: none !important; 
}

/* Para navegadores basados en WebKit (Chrome, Safari, Opera, Brave, Edge moderno) */
.menu-scroller::-webkit-scrollbar {
    display: none;
    width: 0 !important;
    height: 0 !important;
}


/* EDITAR LAS LISTAS DE PRECIOS */
.menu-price-list .elementor-price-list .elementor-price-list-item .elementor-price-list-header {
	align-items: flex-start !important;
}

.menu-price-list .elementor-price-list-description {
	max-width: 80% !important;
}

.menu-price-list .special-description {
	text-transform: uppercase !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	line-height: 1em !important;
}

.alergenos {
	font-size: 10px !important;
	line-height: 12px !important;
	text-transform: lowercase !important;
}