.slider-carrousel-fronton {width: 100%;}
.container-bloc-slider-fronton .slick-list {touch-action: pan-y;}
/* Pré-Slick : réplique exacte du rendu post-init */
.slider-carrousel-fronton:not(.slick-initialized) {overflow: hidden;}
.slider-carrousel-fronton:not(.slick-initialized) .slide + .slide {display: none;}
.slider-carrousel-fronton:not(.slick-initialized) .slide {position: relative; overflow: hidden; width: 100%; height: calc(88vh - 4rem);}
.slider-carrousel-fronton:not(.slick-initialized) .slide .image-slide {position: absolute; inset: 0; width: 100%; height: 100%; overflow: hidden;}
.slider-carrousel-fronton:not(.slick-initialized) .slide .image-slide::before {content: ""; pointer-events: none; position: absolute; inset: 0; z-index: 1; background: linear-gradient(0deg, rgba(0,0,0,.6) 0%, rgba(0,0,0,.4) 30%, rgba(0,0,0,0) 80%);}
.slider-carrousel-fronton:not(.slick-initialized) .slide .image-slide img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transform: scale(1);}
.slider-carrousel-fronton:not(.slick-initialized) .slide .slide-content {opacity: 1; transform: none; flex-direction: column; padding-left: 0; padding-right: 0; margin-top: 3rem;}
@media (min-width: 768px) {
    .slider-carrousel-fronton:not(.slick-initialized) .slide {height: calc(100vh - 4rem);}
    .slider-carrousel-fronton:not(.slick-initialized) .slide .slide-content {padding: 2rem; margin-top: 0;}
}
@media (min-width: 1800px) {
    .slider-carrousel-fronton:not(.slick-initialized) .slide {height: calc(100vh - 8rem);}
}
.container-bloc-slider-fronton {padding: 0; position: relative;}
.container-bloc-slider-fronton::before {content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0, 0, 0, .6) 20%, rgba(0, 0, 0, .5) 40%, rgba(0, 0, 0, .2) 70%, rgba(0, 0, 0, .05) 90%, rgba(0, 0, 0, 0) 100%); height: 12rem; pointer-events: none; border-radius: 2.5rem 2.5rem 0 0; overflow: hidden; z-index: 1;}
.container-bloc-slider-fronton.section-large-container {margin-top: 2rem;  border-radius: 2.5rem; overflow: hidden;}
.container-bloc-slider-fronton .slick-prev, .container-bloc-slider-fronton .slick-next {position: initial; display: inline-block;}
.container-bloc-slider-fronton .slick-prev:before, .container-bloc-slider-fronton .slick-next:before {display: none;}

.container-bloc-slider-fronton .slick-slide .slide-content {opacity: 0; transform: translateY(120%); transition: opacity .9s, transform .9s cubic-bezier(.26,.54,.32,1) .3s; padding-left: 0; padding-right: 0; flex-direction: column; margin-top: 3rem; will-change: opacity, transform;}
.container-bloc-slider-fronton .slick-active .slide-content {opacity: 1; transform: translateY(0);}

.container-bloc-slider-fronton.entete-center .slide-content {text-align: center; align-items: center; justify-content: flex-end; margin: 0 auto 12rem;}
.container-bloc-slider-fronton:not(.entete-center) .slide-content {justify-content: flex-end; padding: 0 2rem 3rem; }
.container-bloc-slider-fronton.entete-center .slide-content .btn-cta {margin-left: auto; margin-right: auto;}
.container-bloc-slider-fronton h1, .container-bloc-slider-fronton h2 {margin-top: 0; margin-bottom: .8rem;}
/*.container-bloc-slider-fronton h1 {position: relative;}
.container-bloc-slider-fronton h1::after {content: ""; position: absolute; left: 0; bottom: -2.5rem; width: 100%; height: 2rem; background: url("/wp-content/uploads/2026/04/underline-1.svg") no-repeat center; background-size: 100% 100%; pointer-events: none;}*/

.container-bloc-slider-fronton .slide-content {position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; z-index: 2;}
.container-bloc-slider-fronton .slide-content h1, .container-bloc-slider-fronton .slide-content h2, .container-bloc-slider-fronton .slide-content p {color: #fff; text-shadow: 1px 1px 2px rgba(0, 0, 0, .70); }
.container-bloc-slider-fronton .slide-content h2 {color: #fff;}
.container-bloc-slider-fronton .slide-content p {font-size: 2rem; max-width: 60rem; margin-bottom: 0;}
.container-bloc-slider-fronton .slick-active .image-slide img {transform: scale(1); transition: transform 2.5s cubic-bezier(.21,.6,.35,1);}
.container-bloc-slider-fronton .slide-content a.btn-cta {margin-top: 2rem; color: var(--couleur-texte); background-color: #fff;}
.container-bloc-slider-fronton .slide-content a.btn-cta:hover {color: #fff; box-shadow: inset 25em 0 0 0 var(--couleur-cta);}

.container-bloc-slider-fronton .slick-slide .image-slide {position: relative; overflow: hidden; width: 100%; aspect-ratio: 16/9; height: calc(88vh - 4rem);}
.container-bloc-slider-fronton .slick-slide .image-slide:before {content: ""; pointer-events: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; inset: 0; background: linear-gradient(0deg, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, .4) 30%, rgba(0, 0, 0, 0) 80%);}

.container-bloc-slider-fronton.border-radius .slick-slide .image-slide {border-radius: var(--border-radius);}
.container-bloc-slider-fronton .image-slide img {display: block; position: absolute; left: 0; top: 0; height: 100%; object-fit: cover; width: 100%; transform: scale(1.2); transition: transform 0.5s ease; will-change: transform;}
.container-bloc-slider-fronton.border-radius .image-slide img {border-radius: var(--border-radius);}


.scroll-indicator-fronton {position: absolute; bottom: 5rem; left: 50%; transform: translateX(-50%); z-index: 10; cursor: pointer; display: none;}
.scroll-indicator-fronton svg {width: 28px; height: auto; animation: scrollBlink 1.6s ease-in-out infinite;}
.scroll-indicator-fronton .scroll-dot {animation: scrollDotMove 1.6s ease-in-out infinite;}


.container-bloc-slider-fronton .slick-slider .slick-dots {bottom: 4rem;}
.container-bloc-slider-fronton .slick-slider .slick-dots.slick-dots li {transition: all 300ms ease-in-out;}
.container-bloc-slider-fronton .slick-slider .slick-dots.slick-dots li.slick-active {width: 5rem;}
.container-bloc-slider-fronton .slick-slider .slick-dots li button:before {content: ''; background-color: #fff; height: .5rem; width: 100%; border-radius: 999px; opacity: 1; }
.container-bloc-slider-fronton .slick-slider .slick-dots li.slick-active button:before {width: 5rem; opacity: 1;}


@keyframes scrollBlink {
    0%, 100% {opacity: 1;}
    50% {opacity: 0.2;}
}

@keyframes scrollDotMove {
    0% {cy: 10;}
    50% {cy: 18;}
    100% {cy: 10;}
}

@media (min-width: 768px) {
    .container-bloc-slider-fronton .slick-slide .slide-content {padding: 2rem; margin-top: 0;}
    .container-bloc-slider-fronton:not(.entete-center) .slide-content {margin-bottom: 4rem; padding: 0 4rem; height: max-content; margin-top: auto;}
    .container-bloc-slider-fronton .slide-content {position: absolute; top: 0; left: 0; bottom: 0; display: flex; z-index: 2;}
    .container-bloc-slider-fronton.entete-center .slide-content {max-width: 80rem;}
    .container-bloc-slider-fronton .slick-slide .image-slide { height: calc(100vh - 4rem);}
}

@media (min-width: 1025px) {
    .container-bloc-slider-fronton h1, .container-bloc-slider-fronton h2 {font-size: 4rem;}
    .container-bloc-slider-fronton:not(.entete-center) .slide-content {margin-bottom: 7rem;}


}

@media (min-width: 1400px) {
    .container-bloc-slider-fronton:not(.entete-center) .slide-content {max-width: 50%; padding: 0;}
    .scroll-indicator-fronton {display: block;}
    .container-bloc-slider-fronton h1, .container-bloc-slider-fronton h2 {font-size: 5rem;}


}
@media (min-width: 1800px) {
    .container-bloc-slider-fronton.section-large-container {margin-top: 4rem;}
    .container-bloc-slider-fronton .slick-slide .image-slide { height: calc(100vh - 8rem);}
}