:root{
    --primary-light: #392E2C;
    --primary-extralight: #392E2C;
    --primary-dark: #392E2C;
    --font-family-base: "Georgia";
    --font-family-title: "Georgia";
    --color-base-title: #392E2C;
    --color-base-text: #392E2C;
    --barista: #8E654C;
    --black: #392E2C;
    --tan: #CCC2BB;
    --blue-grey: #6B879D;
    --gold: #D28E00 ;
    --neutral-light:#f1f2f2 ;
    --sage:#5F7161;


}

h1, h2, h3, h4, h5, h6, .typography h1, .typography h2, .section.feedInsta .sectionTitle h2, .typography h3, .typography h4, .typography h5, .typography h6{
    color: var(--color-base-title);
}
/*#mainBlock,body.HomePage{*/
/*    background-color: var(--neutral-light) !important;*/
/*}*/
.bg-secondary{
    background-color: var(--neutral-light) !important;
}
.header{
    background-color: var(--neutral-light) !important;
    border-bottom: 1px solid var(--black);
    #langFR{
        display: none !important;
    }
    .headerNavigation{
        .mainNav{
            &.navigation{
                .list{
                    &.text-white{
                        color: var(--primary) !important;
                    }
                }
            }
        }
    }
}
.header .iconsMenu .isClosed svg.bi-list,.header .iconsMenu .isOpen svg.bi-x-lg {
    color: var(--primary);
}
.subNav {
    &.text-secondary{
        color: var(--white) !important;
    }
}
.heroBanner{
    display: flex;
    flex-direction: column;
    &.hdvh-75{
        height: unset !important;
    }
    .textBlock{
        position: unset;
        background-color: white;
        border-radius: var(--bs-border-radius-xl) !important;
        padding-bottom: 20px;
    }
}
#mealplan {
    background-color: var(--neutral-light) !important;
    /*background-image: unset !important;*/
    .section {
        .sectionTitle{
            align-items: end;
            #dlMenu{
                background-color: var(--sage) !important;
                border-color: var(--sage) !important;
            }
        }
    }
    h2 {
        color: var(--sage);
        &::before {
            display: block;
            height: 150px;
            width: auto;
            content: "";
            background-image: url("https://eldex.eldora.ch/assets/Uploads/LogoEts/logo-lebelvedere.png");
            background-size: contain;
            background-repeat: no-repeat;
        }
    }
    #menuWeeks{
        background-color: var(--neutral-light) !important;
        .d-block {
            &.scrollXContainer{
                .listMenu{
                    background-color: var(--neutral-light) !important;
                }
            }
        }
        .cardMenu{
            .avatarBg{
                background-color: var(--sage) !important;
            }
            .menu{
                .menuTitle{
                    h3{
                        color: var(--sage) !important;
                    }
                }
            }
        }
    }
}

.section{
    &.barista-9689{
        .customSection{
            &.barista-9689{
                .customTexts{
                    h2{
                        color: var(--white) !important;
                    }
                    background-color: var(--black) !important;
                    color: var(--white) !important;
                }
                .customVisuel{
                    background-image: unset;
                    background-color: white;
                    .visuelBG{
                        display: none;
                    }
                }

            }
        }
    }
    &.take-away-9689{
        .customSection{
            &.take-away-9689{
                .customTexts{
                    h2{
                        color: var(--white) !important;
                    }
                    background-color: var(--blue-grey) !important;
                    color: var(--white) !important;
                }
                .customVisuel{
                    background-image: unset;
                    background-color: white;
                    .visuelBG{
                        display: none;
                    }
                }

            }
        }
    }
    &.terasse-9689{
        .customSection{
            &.terasse-9689{
                .customTexts{
                    h2{
                        color: var(--white) !important;
                    }
                    background-color: var(--gold) !important;
                    color: var(--white) !important;
                }
                .customVisuel{
                    background-image: unset;
                    background-color: white;
                    .visuelBG{
                        display: none;
                    }
                }

            }
        }
    }
    &.catering-9689{
        .customSection{
            .customTexts{
                position: absolute;
                z-index: 10;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
            }
            .customVisuel{
                position: absolute;
                width: 100% !important;
                height: 100% !important;
                object-fit: cover !important;
                .visuelImg{
                    img{
                        width: 100% !important;
                        height: 100% !important;
                        object-fit: cover !important;
                    }
                }
            }
        }
    }
}
#Concepts{
    &.text-white{
        p{
            color: var(--sage) !important;
        }
    }
}
#qualite{

    &.text-white{
        color: var(--black) !important;
        p{
            color: var(--black) !important;
        }
    }
    .text-white{
        color: var(--black) !important;
        p{
            color: var(--black) !important;
        }
    }
    .form-control, textarea {
        display: block;
        width: 100%;
        height: calc(1.5em + 0.75rem + 2px);
        padding: 0.375rem 0.75rem;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: var(--neutral-dark);
        background-color: var(--neutral-extra-light);
        background-clip: padding-box;
        border: none;
        border-radius: 0.25rem;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        border: 1px solid var(--sage);
    }
}
body{
    &.Qualite{
        h2{
            color: var(--sage) !important;
        }
        p{
            color: var(--black) !important;
        }
    }
}

.sideRestaurant ul{
    color: var(--sage) !important;
}
#claim{
    display: none !important;
}
#contact{
    &.bg-secondary-light{
        background-color: var(--primary) !important;
    }
}

.btn.primary {
    background-color: var(--sage) !important;
    border-color: var(--sage) !important;
    color: var(--white);
    z-index: 100;
}
.btn.primary svg {
    fill: var(--white);
}

.modal {
    &#champagneModal{
        display: none;
    }
}
@media (min-width: 768px){
    .heroBanner{
        &.hdvh-75{
            height: 75dvh !important;
        }

        flex-direction: row-reverse;
        .overlay{
            display: none;
        }
        .textBlock{
            width: 50%;
            margin-right: 10px;
        }
        .h-100:has(.imgBackground){
            width: 50%;
        }

    }
    .subNav{
        position: fixed;
        z-index: 1000;
    }

}