/*
Theme Name:		        Petrossian Restaurant - WhestHollywod
Theme URI: 		        https://petrossianwdev.wpenginepowered.com/
Description:            Petrossian Restaurant - WhestHollywod
Text Domain: 			petrossian
Version:				1.0.1
Template:		        salmon
Template Version: 		1.3.8
Author: 		        Petrossian
Author URI:             https://petrossianwdev.wpenginepowered.com/
License:				GPL-3.0-or-later
License URI:			https://www.gnu.org/licenses/gpl-3.0-standalone.html
*/

.page-id-1624  .fy-heading{
	display:none;
}
.page-id-36  .fy-heading{
	display:none;
}
.page-id-19 .fy-heading{
	display:none;
}
.page-id-1624 .fy-wrap {
    padding-top: 0px;
}
.page-id-36 .fy-wrap {
    padding-top: 0px;
}
 .page-id-19 .fy-wrap {
    padding-top: 0px;
}
.page-id-38 .fy-heading{
	
	display:none;
}

.page-id-38 .fy-wrap {
    display: block;
    padding-top: 0px;
}
    #ot-reservation-widget .ot-dtp-picker .ot-dtp-picker-form {
        width: 800px;
    }

/* Estilo para iconos de redes sociales en el encabezado */
.fy-header .fy-socials a {
    color: #000E34;
}

/* Ocultar columna de carrito */
.fy-cart-column {
    display: block;
}

/* Estilos para botones en llamadas a la acción */
.widget_call_to_action .fy-button {
    margin-top: 0;
    color: #fff;
    border-color: #fff;
}

.widget_call_to_action .fy-button:hover,
.widget_call_to_action .fy-button:focus {
    color: #000E34;
    background-color: #fff;
    border-color: #000E34;
}

/* Estilos para botones de acento */
.fy-button-accent {
    color: #ffffff;
    background-color: #000E34;
    border-color: transparent;
}

/* Estilos para los elementos del menú */
.fy-post-menu .fy-post-badges ul li {
    background-color: #000E34;
}

/* Estilos para los encabezados de términos */
.fy-term-item .fy-term-header h2,
.fy-term-item .fy-term-header h3 {
    color: #000E34;
}

/* Estilos para los enlaces de ingredientes en menús */
.fy-post-menu .fy-post-ingredients .fy-terms li a:hover,
.fy-post-menu .fy-post-ingredients .fy-terms li a:focus {
    color: #000E34;
    border-bottom-color: #000E34;
}

/* Estilos para botones de OpenTable */
.ot-button {
    background-color: #000E34 !important;
    border-color: #000E34 !important;
}

/* Ocultar atribución de OpenTable */
.ot-powered-by {
    display: none !important;
}

/* Estilos para el título de Ot Dtp Picker en versiones anchas */
.ot-dtp-picker.wide .ot-title {
    text-align: left;
    margin-bottom: 12px;
    font-size: 28px !important;
}

/* Ocultar formulario de reserva */
#form-reservation,
.fy-shortcode-form {
    display: none !important;
}

/* Estilos para la sección de contenido del contenedor GB */
.gb-container-content {
    display: flex;
    justify-content: space-around;
}




.term-caviars .fy-page-content{
	font-size: 22px;
	text-align:center;
	font-family: "Roboto Condensed", sans-serif;
}



/* Estilos específicos para pantallas pequeñas */
@media (max-width: 767px) {
    /* Estilos para el logotipo en pantallas pequeñas */
    .fy-logo img,
    .fy-logo svg {
        max-width: 280px;
    }

    .fy-logo {
        margin-top: 0;
        margin-bottom: 0;
        font-size: 1.832rem;
        justify-content: center;
        height: 90px;
    }

    /* Ocultar atribución de OpenTable en pantallas pequeñas */
    .ot-powered-by {
        display: none !important;
    }

    /* Ancho completo para el formulario Ot Dtp Picker en pantallas pequeñas */
    #ot-reservation-widget .ot-dtp-picker .ot-dtp-picker-form {
        width: 100%;
    }
}

/* Estilos para el widget de reserva Ot */
#ot-reservation-widget .ot-dtp-picker {
    /* Estilos para el título */
    h1 {
        text-align: center;
        padding: 1em;
    }

    /* Ocultar atribución de OpenTable */
    .ot-powered-by {
        display: none;
    }
}

/* Estilos para el widget de reserva Ot en versiones anchas */
#ot-reservation-widget .ot-dtp-picker.wide {
    width: min(1200px, 100%);

    @media (max-width: 800px) {
        width: min(600px, 100%);
        margin-inline: auto;
    }
}


.fy-address, .fy-phone, .fy-hours{
	    color: #000E34!important;

}



.fy-header .fy-directions a:not([class*=button]) {
     color: #000E34!important;
    border-bottom: 1px solid rgba(0, 14, 52, .4);
}

a.fy-slideshow-badge:hover, a.fy-slideshow-badge:focus {
    color: #b3d4fc;
    background-color: #fff;
    box-shadow: 0 8px 40px rgba(8,8,14,.2);
}

.fy-slideshow-badge {
	color: #000E34!important;

}

.widget_call_to_action {

    background-color: #24284078;
}

/* Estilos para el formulario en el widget de reserva Ot */
#ot-reservation-widget .ot-dtp-picker .ot-dtp-picker-form {
    border: 2px solid #D0D0D0;
    border-radius: 0;
    height: auto;
    display: flex;
    text-align: center;

    @media (max-width: 800px) {
        flex-direction: column;
    }
}

/* Estilos para los selectores en el formulario del widget de reserva Ot */
#ot-reservation-widget .ot-dtp-picker .ot-dtp-picker-form .ot-dtp-picker-selector {
    width: auto;
    float: none;
    flex: 1;
    display: flex;
    align-items: center;

    @media (max-width: 800px) {
        flex-basis: 4em;
        border-bottom: 2px solid #D0D0D0;
    }

    &:last-of-type {
        @media (max-width: 800px) {
            border-bottom: none;
        }
    }

    .ot-dtp-picker-selector-link {
        padding: 20px;
        flex: 1;

        &:hover {
            color: #000;
            outline: none;
        }
    }

    select {
        left: 0;
    }
}

/* Estilos para el botón en el formulario del widget de reserva Ot */
#ot-reservation-widget .ot-dtp-picker .ot-dtp-picker-form .ot-dtp-picker-button {
    flex: 1;

    @media (max-width: 800px) {
        flex-basis: 4em;
        width: 100%;
    }
}

/* Estilos para los selectores en el widget de reserva Ot */
#ot-reservation-widget .ot-dtp-picker .ot-party-size-picker .ot-dtp-picker-selector-link:before,
#ot-reservation-widget .ot-dtp-picker .ot-date-picker .ot-dtp-picker-selector-link:before,
#ot-reservation-widget .ot-dtp-picker .ot-time-picker .ot-dtp-picker-selector-link:before {
    font-size: 1.3rem;
    top: auto;
}

/* Estilos para los selectores en el widget de reserva Ot */
#ot-reservation-widget .ot-dtp-picker .ot-party-size-picker .ot-dtp-picker-selector-link:after,
#ot-reservation-widget .ot-dtp-picker .ot-date-picker .ot-dtp-picker-selector-link:after,
#ot-reservation-widget .ot-dtp-picker .ot-time-picker .ot-dtp-picker-selector-link:after {
    font-size: 0.7rem;
}

#mc4wp-form-1 .input {
    margin: 10px;
}

.woocommerce .fy-product span.price  {
    color: #00aca3!important;
}
.woocommerce .price .amount {
    color: #00aca3!important;
}

.wc-block-cart__submit-button {
    background-color: #00aca3;
    color: white; /* Asegura un buen contraste */
}

.wc-block-cart__submit-button:hover {
    background-color: #008d88; /* Opcional: Un tono más oscuro para el hover */
}


.woocommerce-shop .fy-centerer {
        width: 100%;
/*         padding: 0px;  */

}

.woocommerce-shop .fy-wrap {
/*     display: block;
    padding-top: 0px;
    padding: 0px; */
}