/* --- bloc-carte-restauration.css --- */
.restaurant-tabs { width: 100%; flex-direction: column; padding-bottom: 5rem;}
.tab-titles {justify-content: center; list-style: none; padding: 2rem; margin: 0; order: 2; row-gap: 1rem; position: fixed; bottom: 0; left: 0; background-color: var(--couleur-flash); width: 100%; }
.tab-titles a { text-decoration: none; display: block; cursor: pointer; border-right: 3px solid #c70c4b; padding: 0 20px; font-size: 1.6rem; text-transform: uppercase; }
.tab-titles li:last-child a,.tab-titles li:last-child a:hover{border-right:0px !important;}
.tab-titles a.active, .tab-titles a:hover {border-right: 3px solid #c70c4b;}
.tab-titles a.active {font-weight: 800;}


.restaurant-tabs .categorie h3 {font-weight:300; font-size: 2.8rem; margin-top:0px; line-height:10px;  margin-bottom: 8px; border-bottom: 1px solid #fff; padding-bottom: 20px;}
.plats li {align-items: baseline; padding: 10px 0 0; break-inside: avoid-column; margin-bottom: 8px;}
.plats li span.menu-prix {font-size: 1.6rem; font-weight:400; letter-spacing: 0px; padding-left: 5px;}
.plats li strong {font-size: 1.6rem; letter-spacing:0; text-transform: uppercase; font-weight: 500; padding-right: 6px; width: 100%;}
.plats li p {font-size: 1.4rem; width: 100%; margin: 5px 0;}
.plats li span.dots {flex: 1; height: 3px; display: inline-block; background-image: radial-gradient(circle closest-side, #b3b3b3 99%, rgba(0, 0, 0, 0) 1%); background-position: bottom;  background-size: 6px 3px; background-repeat: repeat-x; min-width: 1px;}

.tab-content {display: none;padding: 20px;}
.tab-content.active {display: block;}
.restaurant-tabs .categorie { margin: 20px 0 50px;}
.plats { list-style: none; padding: 0;  }


@media (min-width: 768px) {
    .restaurant-tabs {padding-bottom: 2rem;}
    .tab-titles {order: 0; margin: 0 0 40px; position: static; padding: 0; background-color: transparent;}
    .tab-titles a { line-height: 22px; font-size: 2rem; border-color: var(--couleur-flash); }
    .tab-titles a.active, .tab-titles a:hover {border-color: var(--couleur-flash);}
    .tab-titles a:hover {color: var(--couleur-flash);}
    .restaurant-tabs .tab-content {column-count: 2; gap: 50px;}
    .plats li {padding: 6px 0 0;}
    .plats li strong {font-size: 2rem; padding-bottom: 0; }
    .plats li span.menu-prix {font-size: 1.4rem;}
    .restaurant-tabs .categorie { margin: 0 0 35px; break-inside: avoid-column;}
    .restaurant-tabs .categorie h3 {font-size: 1.4rem; padding-bottom: 10px;}
    .tab-titles a.active {color: var(--couleur-flash); font-weight: 500;}
}

@media (min-width: 1200px) {
    .plats li strong {width: max-content; max-width: 70%;}
}

/* --- bloc-texte.css --- */
.container-bloc-texte {background-size: cover; background-repeat: no-repeat;}
.container-bloc-texte.border-radius {border-radius: var(--border-radius); overflow: hidden;}
.container-bloc-texte .bloc-texte-base>*, .container-bloc-texte .bloc-texte-base + .bloc-texte-btn {max-width: 800px; margin-left: auto; margin-right: auto; width: 100%;}
.container-bloc-texte ul {margin-bottom: 8px; margin-top: 8px;}
.container-bloc-texte h2 {margin-top: 0; margin-bottom: 0;}
.container-bloc-texte .bloc-texte-titre-center h2, .container-bloc-texte .bloc-texte-titre-center h3 {margin-left: auto; margin-right: auto; max-width: 800px;}



.container-bloc-texte .bloc-texte-base, .container-bloc-texte .bloc-texte-additionnel, .container-bloc-texte .bloc-texte-titre {width: 100%;}
.bloc-texte-titre {margin-bottom: 1.8rem;}
.container-bloc-texte .bloc-texte-btn {width: 100%;}
.bloc-left:not(.bloc-text) .btn-cta {margin-left: auto; margin-right: auto;}



@media (min-width: 768px) {
    .container-bloc-texte .bloc-texte-contenu {column-gap: 7rem; padding: 60px 50px; }
    .container-bloc-texte .btn-cta {max-width: max-content;}
    .container-bloc-texte img {margin-top: 50px;}
    .container-bloc-texte .bloc-texte-base, .bloc-texte-additionnel {flex: 1; width: auto; min-width: calc(50% - 50px);}
    .bloc-texte-titre {margin-bottom: 3rem;}

}

@media (min-width: 1200px) {
    .container-bloc-texte .bloc-texte-contenu {column-gap: 100px; }
}

/* --- bloc-texte-galerie.css --- */
.bloc-text {padding: 25px 15px; order: 2;}
.bloc-text h2:first-child {margin-top: 0;}
.container-bloc-texte-galerie .bloc-left, .container-bloc-texte-galerie .bloc-right {width: 100%; overflow: hidden; flex-direction: column; justify-content: flex-start;}

.bloc-left img, .bloc-right img {width: 100%; height: 100%; display: block;}
.bloc-text p {margin: 8px 0;}
.bloc-text h2 {margin-bottom: 3rem; margin-top: 1rem;}


.slick-carousel-texte-image .slick-track {display: flex;}
.slick-carousel-texte-image:not(.slider-cover) img {max-height: 300px; object-fit: contain;}
.slick-carousel-texte-image:not(.slider-cover) .slick-slide {height: inherit; margin: 20px;}

.slick-carousel-texte-image.slider-cover img {object-fit: cover;}
.slick-carousel-texte-image.slider-cover {height: 20rem;}
.slick-carousel-texte-image.slider-cover .slick-slide {height: inherit; max-height: 30rem;}
.slick-carousel-texte-image.slider-cover .slick-list, .slick-carousel-texte-image.slider-cover .slick-track {height: 100%;}

.container-bloc-texte-galerie .btn-cta {margin-top: 2.5rem;}
.container-bloc-texte-galerie h2 {margin-bottom: 1rem;}
.container-bloc-texte-galerie h2+h3 {margin-top: 0;}


/*.section-hero-accueil .bloc-text, .container-bloc-texte-galerie .bloc-text {order: -1;}*/


@media (min-width: 768px) {
    .bloc-text {padding: 30px 50px;}
    .bloc-text.bloc-50-50 {padding: 30px;}
    .slick-carousel-texte-image:not(.slider-cover) img {max-height: 250px;}
    .slick-carousel-texte-image.slider-cover {height: 100%;}

}
@media (min-width: 900px) {
    .bloc-right.bloc-50-50, .bloc-left.bloc-50-50 {width: 50%;}
    .bloc-left.bloc-40-60, .bloc-right.bloc-60-40 {width: 40%;}
    .bloc-right.bloc-40-60, .bloc-left.bloc-60-40 {width: 60%;}
    .bloc-left.bloc-45-55, .bloc-right.bloc-55-45 {width: 45%;}
    .bloc-right.bloc-45-55, .bloc-left.bloc-55-45 {width: 55%;}
    .bloc-text {order: initial;}
    .container-bloc-texte-galerie .bloc-right:not(.bloc-text), .container-bloc-texte-galerie .bloc-left:not(.bloc-text) {max-height: 100% !important; min-height: 1px;}
    .bloc-text.bloc-50-50 {padding: 50px;}
    .slick-carousel-texte-image:not(.slider-cover) img {max-height: 300px;}
    .bloc-full-text-mobile .bloc-text:first-of-type {padding-bottom: 3rem;}
    .bloc-full-text-mobile .bloc-text:last-of-type {padding-top: 3rem;}
    .slick-carousel-texte-image.slider-cover .slick-slide {max-height: 100%;}
    /*.section-hero-accueil .bloc-text, .container-bloc-texte-galerie .bloc-text {order: 2;}*/
}

@media (min-width: 1200px) {
    .slick-carousel-texte-image:not(.slider-cover) img {max-height: 400px;}
    .container-bloc-texte-galerie .btn-cta {margin-top: 3rem;}
}

@media (min-width: 1300px) {
    .container-bloc-texte-galerie .bloc-left.bloc-text.bloc-50-50 {padding: 5rem 8rem 5rem 10rem;}
    .section-hero-accueil .bloc-text.bloc-50-50 {padding: 5rem 10rem 5rem 8rem;}
}

/* --- bloc-texte-image.css --- */
.bloc-text {padding: 25px 15px; order: 2;}
.bloc-text h2:first-child {margin-top: 0;}
.bloc-left, .bloc-right {width: 100%; overflow: hidden; flex-direction: column; justify-content: center;}
.bloc-left img, .bloc-right img {width: 100%; height: 100%; display: block;}
.bloc-text p {margin: 8px 0;}
.bloc-text h2 {margin-bottom: 1.2rem;}

.bloc-image-contain {object-fit:contain; max-height: 200px; padding-top: 2rem; padding-bottom: 2rem;}
.background-image-texte-image {background-size: cover; height: 18rem; background-position: center;}
.container-bloc-texte-image.border-radius {border-radius: var(--border-radius);}



.container-bloc-texte-image:not(.main-container) .bloc-text.bloc-left {margin-left: auto;}
.container-bloc-texte-image:not(.main-container) .bloc-text.bloc-right {margin-right: auto;}
.container-bloc-texte-image:not(.main-container) .bloc-50-50.bloc-text {max-width: 100%;}
.container-bloc-texte-image:not(.main-container) .bloc-left.bloc-40-60.bloc-text, .container-bloc-texte-image.full-size-container .bloc-right.bloc-60-40.bloc-text {max-width: 472px;}
.container-bloc-texte-image:not(.main-container) .bloc-right.bloc-40-60.bloc-text, .container-bloc-texte-image.full-size-container .bloc-left.bloc-60-40.bloc-text {max-width: 808px;}
.container-bloc-texte-image:not(.main-container) .bloc-left.bloc-45-55.bloc-text, .container-bloc-texte-image.full-size-container .bloc-right.bloc-55-45.bloc-text {max-width: 531px;}
.container-bloc-texte-image:not(.main-container) .bloc-left.bloc-55-45.bloc-text, .container-bloc-texte-image.full-size-container .bloc-right.bloc-45-55.bloc-text {max-width: 700px;}

.container-bloc-texte-image .boutons-texte-image  {margin-top: 2rem; row-gap: 1rem; column-gap: 1.5rem;}



@media (min-width: 768px) {
    .bloc-text {padding: 30px 50px;}
    .bloc-text.bloc-50-50 {padding: 30px;}

    .bloc-image-contain {max-height: 300px;}
    .bloc-left:not(.bloc-text) .btn-cta {margin-bottom: 2rem; margin-top: 0;}

}
@media (min-width: 900px) {
    .bloc-right.bloc-50-50, .bloc-left.bloc-50-50 {width: 50%;}
    .bloc-left.bloc-40-60, .bloc-right.bloc-60-40 {width: 40%;}
    .bloc-right.bloc-40-60, .bloc-left.bloc-60-40 {width: 60%;}
    .bloc-left.bloc-45-55, .bloc-right.bloc-55-45 {width: 45%;}
    .bloc-right.bloc-45-55, .bloc-left.bloc-55-45 {width: 55%;}
    .bloc-text {order: initial;}
    .container-bloc-texte-image .bloc-right:not(.bloc-text), .container-bloc-texte-image .bloc-left:not(.bloc-text) {max-height: 100% !important; min-height: 1px;}
    .bloc-text.bloc-50-50 {padding: 50px;}
    .bloc-full-text-mobile .bloc-text:first-of-type {padding-bottom: 3rem;}
    .bloc-full-text-mobile .bloc-text:last-of-type {padding-top: 3rem;}
    .background-image-texte-image {height: 100%;}

    .container-bloc-texte-image {align-items: center;}
    .container-bloc-texte-image:not(.main-container) .bloc-50-50.bloc-text {max-width: 590px;}
}