/*
 Theme Name:         Pizzería Picasso
 Theme URI:          https://customcomunicacion.com/
 Description:        Tema para Pizzería Picasso con integración de Tailwind CSS.
 Author:             Norman Reyes
 Author URI:         https://customcomunicacion.com/
 Template:           kadence
 Version:            1.0.0
 Text Domain:        kadence-child
 */

/* Estilos personalizados adicionales (opcional) */
.custom-gradient {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

/* --- Registro de Fuentes en formato WOFF/WOFF2 --- */

/* RALEWAY */
@font-face {
    font-family: 'Raleway';
    src: url('fonts/Raleway-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* Lust - Normal (500) */
@font-face {
    font-family: 'Lust Fine';
    src: url('fonts/Lust-Fine.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
/* Avenir Next - Bold (900) */
@font-face {
    font-family: 'Avenir Next';
    src: url('fonts/Avenir-Next-Condensed-Bold.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* Versión Regular (400) */
@font-face {
    font-family: 'Avenir Next';
    src: url('fonts/Avenir-Next-Condensed-Regular.woff') format('woff'); /* Asegúrate de que el nombre del archivo sea correcto */
    font-weight: 400; /* 400 es el estándar para Regular */
    font-style: normal;
    font-display: swap;
}

/* Avenir Next - Semi Bold (600) */
@font-face {
    font-family: 'Avenir Next';
    src: url('fonts/Avenir-Next-Condensed-DemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
/* --- Variables de Paleta y Tipografía --- */
:root {
    --primary-color: #db0811;
    --dark-color: #0f172a;
    --text-main: #434142;
    
    /* Asignación de fuentes por defecto */
    --global-heading-font-family: 'Avenir Next' !important;
	--global-palette1: #dc0712 !important;
	--global-palette7: #f6f6f6 !important;
    --global-body-font-family: 'Raleway', sans-serif !important;
	--global-palette-btn-bg: #dc0712 !important;
}

/* Estilos base mínimos para el Child Theme */
body {
    font-family: var(--font-body);
    font-weight: 400;
    color: var(--text-main);
    line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--global-heading-font-family);
}
h1, h2 {
	font-weight: 900;
}
h3 {
	font-weight: 600;
}
h1.entry-title {
	font-size:var(--global-kb-font-size-xxl, 4rem);
	font-weight:bold;
}
.hero-section h1, .pide-1 h4, #mejores-pizzas h2, .nosotros h3, #contacto-info h5, .titulo-carta {
	font-family: 'Lust Fine' !important;
}
.hero-section h1
.page-hero-section .entry-hero-container-inner {
	background-image: none !important;
}
.nosotros p {
	margin-bottom: 20px !important;
}
.lista-footer {
	text-transform: uppercase;
	list-style-type: none;
}
.footer-widget-area-inner ul {
	padding:0 !important;
}
.horario, .direccion {
	margin-top:-10px;
}
.wpcf7-form input, .wpcf7-form textarea {
	color:#ffffff !important;
	background-color: transparent !important;
	border-color:#ffffff;
	margin-bottom:10px;
}
.wpcf7-form input::placeholder, .wpcf7-form textarea::placeholder {
  color: #ffffff !important;
  opacity: 1;    /* Firefox baja la opacidad por defecto, esto lo asegura */
}
.wpcf7-submit {
	border:solid 1px #ffffff !important;
	padding:5px 30px !important;
}
.wpcf7-form textarea {
	padding:5px;
}
button, .button, .wp-block-button__link, input[type="button"], input[type="reset"], input[type="submit"], .fl-button, .elementor-button-wrapper .elementor-button, .wc-block-components-checkout-place-order-button, .wc-block-cart__submit {
	font-family:var(--global-heading-font-family) !important;
}
.contacto .page-hero-section .entry-hero-container-inner, .pagina-carta .page-hero-section .entry-hero-container-inner, .canal-etico .page-hero-section .entry-hero-container-inner,
.legal .page-hero-section .entry-hero-container-inner {
	background-image: none !important;
}
li.tripadvisor svg path {
	d: path("M20 6.009h-2.829C15.211 4.675 12.813 4 10 4s-5.212.675-7.171 2.009H0c.428.42.827 1.34.993 2.04A4.954 4.954 0 0 0 0 11.008c0 2.757 2.243 5 5 5a4.97 4.97 0 0 0 3.423-1.375L10 17l1.577-2.366A4.97 4.97 0 0 0 15 16.01c2.757 0 5-2.243 5-5 0-1.112-.377-2.13-.993-2.96.166-.7.565-1.62.993-2.04zm-15 8.4c-1.875 0-3.4-1.525-3.4-3.4s1.525-3.4 3.4-3.4 3.4 1.525 3.4 3.4-1.525 3.4-3.4 3.4zm5-3.4a5.008 5.008 0 0 0-4.009-4.9C7.195 5.704 8.53 5.5 10 5.5s2.805.204 4.009.61A5.008 5.008 0 0 0 10 11.008zm5 3.4c-1.875 0-3.4-1.525-3.4-3.4s1.525-3.4 3.4-3.4 3.4 1.525 3.4 3.4-1.525 3.4-3.4 3.4zM5 8.86c-1.185 0-2.15.964-2.15 2.15s.965 2.15 2.15 2.15 2.15-.964 2.15-2.15-.965-2.15-2.15-2.15zm0 2.791a.65.65 0 1 1 0-1.3.65.65 0 0 1 0 1.3zm10-2.791c-1.185 0-2.15.964-2.15 2.15s.965 2.15 2.15 2.15 2.15-.964 2.15-2.15-.965-2.15-2.15-2.15zm0 2.791a.65.65 0 1 1 0-1.3.65.65 0 0 1 0 1.3z") !important;
}
.site-middle-footer-wrap ul li a:hover {
	color:var(--global-palette2);
}
/* --- Estilos del Custom Select para Móvil --- */
@media (max-width: 767px) {
    /* Ocultamos el contenedor original de Kadence */
    #carta-wrapper {
        display: none !important;
    }

    /* Contenedor del Select Personalizado */
    .picasso-custom-select {
        position: relative;
        width: 100%;
        margin: 20px 0;
        font-family: 'Mukta', sans-serif;
    }

    .select-trigger {
        background: #fff;
        border: 2px solid #dc0712;
        border-radius: 5px;
        padding: 12px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        cursor: pointer;
    }

    .select-options {
        position: absolute;
        top: 105%;
        left: 0;
        right: 0;
        background: white;
        border: 1px solid #f8f8f8;
        border-radius: 5px;
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
        z-index: 100;
        display: none;
        max-height: 300px;
        overflow-y: auto;
    }

    .select-options.show {
        display: block;
    }

    .option-item {
        display: flex;
        align-items: center;
        padding: 10px 15px;
        border-bottom: 1px solid #f8f8f8;
        text-decoration: none;
        color: #1e293b;
    }

    .option-item:last-child { border-bottom: none; }

    .option-item img {
        width: 80px;
        height: 80px;
        border-radius: 6px;
        object-fit: cover;
        margin-right: 12px;
    }

    .option-item span {
        font-weight: 500;
        text-transform: uppercase;
        font-size: 0.9rem;
    }
	.picasso-custom-select {
        position: -webkit-sticky; /* Soporte para Safari */
        position: sticky;
        top: 0; /* Si el header de Kadence es fijo, cambia este valor (ej: 70px) */
        z-index: 1000;
        transition: all 0.3s ease;
        background-color: transparent;
    }

    /* Clase que se activará mediante JS al hacer scroll */
    .is-sticky-active {
        background-color: #ffffff !important;
        /*box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);*/
        padding-top: 8px;
        padding-bottom: 8px;
    }
    
    /* Ajuste para que las opciones no se corten al estar en sticky */
    .is-sticky-active .select-options {
        max-height: 60vh;
    }

	/* Estilo para la miniatura seleccionada en el trigger */
	#trigger-display img.selected-thumb {
	    border: 1px solid #e2e8f0;
	    flex-shrink: 0; /* Evita que la imagen se aplaste si el texto es largo */
	}

	/* Asegura que el texto seleccionado no se pegue al borde */
	#trigger-display span {
	    white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
	}
	.cat-selected-carta {
		text-transform: uppercase;
  		font-size: 1.15em;
	}
	.icono-carta-mobile {
		font-size: 32px;
	}
	.pagina-carta .picasso-custom-select {
		padding-left: 0;
		padding-right: 0;
	}
}

/* En escritorio, ocultamos nuestro componente inyectado */
@media (min-width: 768px) {
    .picasso-custom-select {
        display: none !important;
    }
	#carta-wrapper .wp-block-kadence-infobox {
		max-width: 93.5px !important;
	}
	#carta-wrapper h5.kt-blocks-info-box-title {
		font-size:13px;
	}
}