/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/* 
 * ORDEN FILTROS CARTA
 */
/* Platos */
.wpgb-inline-list li {
    --entrante:1;
	--pizza-roja:2;
	--pizza-blanca:3;
	--calzone:4;
	--pasta-casera:5;
	--pasta-rellena:6;
	--postre:7;
}
/* Bebidas */
.wpgb-inline-list li {
    --no-alcoholica:1;
	--cerveza:2;
	--alcoholica:3;
}
/* Vinos */
.wpgb-inline-list li {
    --blanco:1;
	--tinto:2;
	--rosado:3;
	--espumoso:4;
}
/*
 * NO TOCAR
 */
/* Platos */
.wpgb-inline-list li:has(.wpgb-button input[value*="entr"]), 
.wpgb-inline-list li:has(.wpgb-button input[value*="starter"]) {
    order: var(--entrante);
}
.wpgb-inline-list li:has(.wpgb-button input[value*="pizza-roja"]), 
.wpgb-inline-list li:has(.wpgb-button input[value*="red-pizza"]),
.wpgb-inline-list li:has(.wpgb-button input[value*="rouge"]) {
    order: var(--pizza-roja);
}
.wpgb-inline-list li:has(.wpgb-button input[value*="pizza-blan"]), 
.wpgb-inline-list li:has(.wpgb-button input[value*="white-pizza"]) {
    order: var(--pizza-blanca);
}
.wpgb-inline-list li:has(.wpgb-button input[value*="calzone"]) {
    order: var(--calzone);
}
.wpgb-inline-list li:has(.wpgb-button input[value*="casera"]),
.wpgb-inline-list li:has(.wpgb-button input[value*="home"]),
.wpgb-inline-list li:has(.wpgb-button input[value*="maison"]) {
    order: var(--pasta-casera);
}
.wpgb-inline-list li:has(.wpgb-button input[value*="rellena"]),
.wpgb-inline-list li:has(.wpgb-button input[value*="stuf"]),
.wpgb-inline-list li:has(.wpgb-button input[value*="farcies"]) {
    order: var(--pasta-rellena);
}
.wpgb-inline-list li:has(.wpgb-button input[value*="postre"]),
.wpgb-inline-list li:has(.wpgb-button input[value*="dessert"]) {
    order: var(--postre);
}
/* Bebidas */
.wpgb-inline-list li:has(.wpgb-button input[value*="no alco"]), 
.wpgb-inline-list li:has(.wpgb-button input[value*="non-al"]),
.wpgb-inline-list li:has(.wpgb-button input[value*="sans-alcool"]) {
    order: var(--no-alcoholica);
}
.wpgb-inline-list li:has(.wpgb-button input[value*="cerveza"]), 
.wpgb-inline-list li:has(.wpgb-button input[value*="beer"]),
.wpgb-inline-list li:has(.wpgb-button input[value*="biere"]) {
    order: var(--cerveza);
}
.wpgb-inline-list li:has(.wpgb-button input[value="alcoholica"]),
.wpgb-inline-list li:has(.wpgb-button input[value="alcoholic"]),
.wpgb-inline-list li:has(.wpgb-button input[value="alcoolisee"]) {
    order: var(--alcoholica);
}
/* Vinos */
.wpgb-inline-list li:has(.wpgb-button input[value*="blanco"]), 
.wpgb-inline-list li:has(.wpgb-button input[value*="white-wine"]),
.wpgb-inline-list li:has(.wpgb-button input[value*="vin-blanc"]) {
    order: var(--blanco);
}
.wpgb-inline-list li:has(.wpgb-button input[value*="tinto"]), 
.wpgb-inline-list li:has(.wpgb-button input[value*="red-wine"]),
.wpgb-inline-list li:has(.wpgb-button input[value*="vin-rouge"]) {
    order: var(--tinto);
}
.wpgb-inline-list li:has(.wpgb-button input[value*="ros"]) {
    order: var(--rosado);
}
.wpgb-inline-list li:has(.wpgb-button input[value*="espumoso"]), 
.wpgb-inline-list li:has(.wpgb-button input[value*="sparkling"]),
.wpgb-inline-list li:has(.wpgb-button input[value*="mousseux"]) {
    order: var(--espumoso);
}
/* 
 * FILTROS CARTA WP GRID BUILDER
 */
.brxe-wpgb-facet .wpgb-facet>fieldset:last-child {
	margin-bottom:0;
}
.brxe-wpgb-facet .wpgb-facet .wpgb-inline-list {
	--px: 60px;
}
@media (max-width: 991px) {
    .brxe-wpgb-facet .wpgb-facet .wpgb-inline-list {
        --px: 48px;
    }
}
@media (max-width: 767px) {
    .brxe-wpgb-facet .wpgb-facet .wpgb-inline-list {
        --px: 36px;
    }
}
@media (max-width: 478px) {
    .brxe-wpgb-facet .wpgb-facet .wpgb-inline-list {
        --px: 16px;
    }
}
.brxe-wpgb-facet .wpgb-facet .wpgb-inline-list {
	width: calc(100% + var(--px)* 2);
    margin-left: calc(-1* var(--px));
    max-width: unset;
    padding-left: var(--px);
    padding-right: var(--px);
    overflow: auto;
    flex-wrap: nowrap;
    scrollbar-width: none;
}
.wpgb-facet .wpgb-inline-list li {
	flex-shrink:0;
}
.brxe-wpgb-facet .wpgb-facet ul .wpgb-button {
	letter-spacing: .1em;
    border: 1px solid rgba(255, 255, 255, 0.32);
    border-radius: 8px;
}
.brxe-wpgb-facet .wpgb-facet .wpgb-button-label {
	font-size: 1.5rem;
}
@media (max-width: 478px) {
    .brxe-wpgb-facet .wpgb-facet .wpgb-button-label {
		font-size: 1.4rem;
	}
}
.brxe-wpgb-facet .wpgb-facet .wpgb-button[aria-pressed=true] {
	color: rgba(255, 255, 255, 0.88);
    border-color: var(--color-primary);
    background-color: var(--color-primary);
}
/* 
 * SELECTOR WPML
 */
.brxe-wpml-language-switcher .wpml-ls-legacy-list-horizontal>ul {
    display: flex;
    gap: 12px;
}
.brxe-wpml-language-switcher .wpml-ls-legacy-list-horizontal a, .brxe-wpml-language-switcher .wpml-ls-legacy-list-horizontal {
	padding:0;
	border:none;
}
.brxe-wpml-language-switcher .wpml-ls-legacy-list-horizontal a {
	font-size:1.4rem;
	letter-spacing:0.04em;
	transition:all .4s;
}
.brxe-wpml-language-switcher .wpml-ls-legacy-list-horizontal a:hover {
	color: rgba(255,255,255,.88);
}
.brxe-wpml-language-switcher .wpml-ls-legacy-list-horizontal .wpml-ls-current-language a {
	font-weight:700;
	color: var(--color-primary);
}
/* 
 * FORMULARIO DE RESERVA
 */
form#redi-reservation h4 {
    margin-bottom:24px;
}
form#redi-reservation span#step1buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
form#redi-reservation #name_phone_email_form input,
form#redi-reservation textarea {
    background: transparent;
    color: rgba(255,255,255,.88);
    border: 1px solid var(--color-text);
	max-width:unset;
	border-radius:8px;
	transition:all .4s;
}
form#redi-reservation #name_phone_email_form input:focus, form#redi-reservation textarea:focus, form#redi-reservation .redi-reservation-select:focus {
    outline: none;
	border-color:rgba(255,255,255,.88);
}
form#redi-reservation .redi-restaurant-time-button, form#redi-reservation .redi-restaurant-button, form#redi-reservation .redi-restaurant-duration-button,
form#redi-reservation .redi-reservation-select {
	font-family:'Lato';
	box-shadow:none;
    background-color: transparent;
    letter-spacing: .5px;
    border: 1px solid var(--color-text);
    border-radius: 8px;
    background: transparent;
    padding: 10px 16px;
    color: var(--color-text);
	transition:color .4s, border-color .4s, background-color .4s;
}
form#redi-reservation .redi-reservation-select {
    color: rgba(255,255,255,.88);
}
form#redi-reservation .redi-reservation-select option {
    color: var(--color-text);
}
form#redi-reservation .redi-restaurant-time-button {
	text-align:center;
}
form#redi-reservation .redi-restaurant-button:hover, form#redi-reservation .redi-restaurant-duration-button:hover, form#redi-reservation .redi-restaurant-time-button:hover {
	border-color: rgba(255, 255, 255, 0.88);
	color:rgba(255,255,255,.88);
}
form#redi-reservation .redi-restaurant-time-button[select="select"], form#redi-reservation .redi-restaurant-button[select="select"], form#redi-reservation .redi-restaurant-duration-button[select="select"], form#redi-reservation .redi-restaurant-time-button[select="select"]:hover, form#redi-reservation .redi-restaurant-button[select="select"]:hover, form#redi-reservation .redi-restaurant-duration-button[select="select"]:hover {
	font-weight:unset !important;
	background-color: var(--color-primary) !important;
	color:white;
	border-color: var(--color-primary);
}
form#redi-reservation #redi-restaurant-step3.redi-restaurant-button[type="submit"] {
    border-color: var(--color-primary-hover);
	margin-left:8px;
	color: rgba(255, 255, 255, 1);
}
form#redi-reservation #redi-restaurant-step3.redi-restaurant-button[type="submit"]:hover {
    background-color: var(--color-primary);
	border-color: var(--color-primary);
}