/* === FILTRES === */
.container-bloc-recette .recette-filtres {flex-wrap: wrap; gap: 1.5rem; justify-content: center; margin-bottom: 4rem;}
.container-bloc-recette .recette-filtres .slick-list {overflow: visible;}
.container-bloc-recette .recette-filtre {display: flex; align-items: center; padding: 1rem 2rem; font-size: 1.4rem; font-weight: 500; text-transform: uppercase; border: none; border-radius: .5rem; background: var(--couleur-principale); color: #fff; cursor: pointer; transition: var(--transition-light); width: max-content; max-width: max-content; margin-right: 1.5rem;}
.container-bloc-recette .recette-filtre.active {background: #8E0135;}
.container-bloc-recette .recette-filtre-icon {width: 2.8rem; height: 2.8rem; margin-right: 1rem;}

/* === GROUPE === */
.container-bloc-recette .recette-group {display: none;}
.container-bloc-recette .recette-group.active {display: block;}
.container-bloc-recette .recette-group-inner {display: flex; flex-direction: column; gap: 2rem;}

/* === MINIATURES === */
.container-bloc-recette .recette-thumbs {display: none;}
.container-bloc-recette .recette-thumb {flex-shrink: 0; width: 7rem; height: calc((80vh - 3.6rem) / 4); /*hauteur du container - 3 gaps de 1.2rem / 4 slides*/ border: none; padding: 0; cursor: pointer; border-radius: var(--border-radius, .8rem); overflow: hidden; opacity: .35; transition: opacity 250ms ease;}
.container-bloc-recette .recette-thumb.active {opacity: 1;}
.container-bloc-recette .recette-thumb img {width: 100%; height: 100%; object-fit: cover; display: block;}

/* === CARROUSEL === */
.container-bloc-recette .recette-carousel-wrap {position: relative; min-width: 0; border-radius: var(--border-radius);}
.container-bloc-recette .recette-slider {width: 100%;}
.container-bloc-recette .recette-slide-image {width: 100%; aspect-ratio: 4/3; overflow: hidden; background: #e0b8c3; border-radius: var(--border-radius); background-image: url(/wp-content/uploads/2026/04/grappe-raisin.png); background-repeat: no-repeat; background-size: 16rem; background-position: center;}
.container-bloc-recette .recette-slide-image img {width: 100%; height: 100%; object-fit: cover; display: block;}
.container-bloc-recette .recette-nav-arrows {position: absolute; bottom: calc(50% - 2.25rem); left: 50%; transform: translateX(-50%); display: flex; gap: 1rem; z-index: 3; width: calc(100% + 3rem); justify-content: space-between;}
.container-bloc-recette .recette-prev, .container-bloc-recette .recette-next {width: 4.5rem; height: 4.5rem; border-radius: 50%; background: var(--couleur-cta); border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 1.5rem; transition: var(--transition-light);}
.container-bloc-recette .recette-prev.slick-disabled, .container-bloc-recette .recette-next.slick-disabled {opacity: .35; pointer-events: none;}

/* === INFOS RECETTE === */
.container-bloc-recette .recette-infos-wrap {position: relative;}
.container-bloc-recette .recette-infos h3 {color: var(--couleur-principale); font-size: 1.6rem; font-weight: 700; margin-top: 0; margin-bottom: .8rem;}
.container-bloc-recette .recette-infos .recette-detail {margin-bottom: 3rem;}
.container-bloc-recette .recette-infos .recette-detail li::marker {font-size: 1.2rem;}
.container-bloc-recette .recette-info {display: none;}
.container-bloc-recette .recette-info.active {display: block;}
.container-bloc-recette .recette-info-titre {font-size: 2.6rem; margin: 0 0 1rem; line-height: 1.2; text-wrap: balance;}
.container-bloc-recette .recette-info-chef {margin-bottom: 2rem; border-top: .1rem solid rgba(0,0,0,.08); border-bottom: .1rem solid rgba(0,0,0,.08); padding: 1rem 0;}
.container-bloc-recette .recette-info-chef p {margin: 0; font-size: 1.4rem;}
.container-bloc-recette .recette-info-chef a { font-size: 1.4rem;}
.container-bloc-recette .recette-restaurant-name {font-weight: 700;}
.container-bloc-recette .recette-separator {border: none; border-top: 1px solid rgba(0,0,0,.15); margin: 1.5rem 0;}
.container-bloc-recette .recette-meta-temps {font-size: 1.4rem; font-style: italic; color: var(--couleur-texte); margin-bottom: 2rem; line-height: 1.6;}
.container-bloc-recette .recette-contenu p {font-size: 1.5rem;}
.container-bloc-recette .recette-contenu h2, .container-bloc-recette .recette-contenu h3 {font-size: 1.6rem; font-weight: 700; color: var(--couleur-cta); margin: 1.5rem 0 .8rem;}
.container-bloc-recette .recette-a-boire {margin-top: 2rem; padding: 1.5rem 3rem; background: rgba(0,0,0,.04); border-radius: .8rem; font-size: 1.4rem; line-height: 1.7;}
.container-bloc-recette .recette-a-boire p {font-size: 1.5rem; margin: .5rem 0;}
.container-bloc-recette .recette-a-boire a:not(.bouteille) {font-size: 1.5rem; font-style: italic;}
.container-bloc-recette .recette-a-boire .bouteille {position: relative; align-items: center; margin-bottom: 2rem;}
.container-bloc-recette .recette-a-boire .bouteille::after {content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; height: 80%; background-color: #fff; border-radius: var(--border-radius);}
.container-bloc-recette .recette-a-boire .bouteille img {max-height: 15rem; max-width: 12rem; z-index: 1; mix-blend-mode: multiply;}
.container-bloc-recette .recette-a-boire .bouteille p {z-index: 1;}
.container-bloc-recette .recette-a-boire .bouteille strong {display: block; font-weight: 600;}
.container-bloc-recette .recette-btn-single {margin-top: 2rem;}
.container-bloc-recette .recette-btn-single i {font-size: 1.1rem; transition: transform 200ms ease;}

/* === SCROLLBAR PERSONNALISÉE === */
.container-bloc-recette .recette-scrollbar {display: none;}

/* === HOVER === */
@media (hover: hover) {
    .container-bloc-recette .recette-filtre:hover {background: #8E0135;}
    .container-bloc-recette .recette-prev:hover, .container-bloc-recette .recette-next:hover {background: var(--couleur-texte);}
    .container-bloc-recette .recette-thumb:not(.active):hover {opacity: .7;}
}

/* === TABLETTE === */
@media (min-width: 768px) {
    .container-bloc-recette .recette-thumb {width: 9rem;}
    .container-bloc-recette .recette-slide-image {max-height: 55rem;}
}

/* === DESKTOP === */
@media (min-width: 1025px) {
    .container-bloc-recette .recette-filtres .slick-list {overflow: hidden;}
    .container-bloc-recette .recette-group-inner {display: grid; grid-template-columns: 15rem 1fr 45rem; align-items: start;}
    .container-bloc-recette .recette-thumbs {display: flex; flex-direction: column; overflow-x: visible; overflow-y: scroll; scrollbar-width: none; height: 80vh; gap: 1.2rem; padding-bottom: 0;}
    .container-bloc-recette .recette-thumbs::-webkit-scrollbar {display: none;}
    .container-bloc-recette .recette-thumb {width: 100%; flex-shrink: 0;}
    .container-bloc-recette .recette-carousel-wrap {height: 80vh; overflow: hidden;}
    .container-bloc-recette .recette-slider {height: 100%;}
    .container-bloc-recette .recette-slider .slick-list {height: 100% !important;}
    .container-bloc-recette .recette-slider .slick-track {height: 100% !important;}
    .container-bloc-recette .recette-slider .slick-slide {height: 100%;}
    .container-bloc-recette .recette-slider .slick-slide > div {height: 100%;}
    .container-bloc-recette .recette-slide {height: 100%;}
    .container-bloc-recette .recette-slide-image {aspect-ratio: unset; height: 100%; max-height: 100%;}
    .container-bloc-recette .recette-infos-wrap {height: 80vh; overflow: visible;}
    .container-bloc-recette .recette-infos {height: 100%; overflow: hidden;}
    .container-bloc-recette .recette-info {padding: 0 4rem 0 2rem;}
    .container-bloc-recette .recette-info.active {height: 100%; overflow-y: scroll; scrollbar-width: none;}
    .container-bloc-recette .recette-info.active::-webkit-scrollbar {display: none;}
    .container-bloc-recette .recette-info-titre {font-size: 3.6rem;}
    .container-bloc-recette .recette-scrollbar {display: block; position: absolute; right: 0.6rem; top: 1rem; bottom: 1rem; width: 3px; background: rgba(0,0,0,.1); border-radius: 999px; opacity: 0; pointer-events: none; transition: opacity 200ms ease;}
    .container-bloc-recette .recette-scrollbar.visible {opacity: 1;}
    .container-bloc-recette .recette-scrollbar-thumb {position: absolute; left: 50%; transform: translateX(-50%); width: 1.2rem; height: 1.2rem; border-radius: 50%; background: var(--couleur-principale); top: 0; transition: top 80ms linear;}
    .container-bloc-recette .recette-nav-arrows {bottom: 2rem; left: 50%; transform: translateX(-50%); display: flex; gap: 1rem; width: auto; }
    .container-bloc-recette .recette-filtre {width: auto;}
}

@media (min-width: 1400px) {
    .container-bloc-recette .recette-info {padding: 0 6rem 2rem 5rem;}
    .container-bloc-recette .recette-group-inner {grid-template-columns: 20rem 1fr 55rem;}
}

@media (min-width: 1800px) {
    .container-bloc-recette .recette-info {padding: 0 6rem 2rem;}
    .container-bloc-recette .recette-group-inner {grid-template-columns: 25rem 1fr 70rem;}
}



@media (min-width: 2000px) {
    .container-bloc-recette .recette-group-inner {grid-template-columns: 30rem 1fr 75rem;}
}