.section-blog-slider .blog-slider .blog-slide { outline: none; margin: 1.5rem; transform: rotate(-2deg); border-color: rgba(181, 165, 155, .25); border-width: .15rem 0 0 .15rem; border-style: solid; padding: 1rem; box-shadow: var(--ombre-photo-light); background-color: #fff; transition: var(--transition); }
.section-blog-slider .blog-slider .slick-dots {bottom: -4rem;}
.section-blog-slider .blog-slider .slide-bg {position: relative; min-height: 25rem; background-size: cover; background-position: center; background-repeat: no-repeat;  align-items: flex-end;}

/* Dégradé bas pour lisibilité du texte */
.slide-bg::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 60%);
    pointer-events: none;
}

.section-blog-slider .blog-slider .contenu-slide {position: relative; z-index: 1; padding: 2rem; color: #fff; width: 100%;}
.section-blog-slider .blog-slider .contenu-slide h2 {color: #fff; margin: 0; font-size: 2.2rem; text-shadow: 0 2px 5px rgba(0,0,0,0.4); text-align: left; text-wrap: balance; transform-origin: left; transition: var(--transition);}



/* Dots */
.bloc-slider-blog .slick-dots { bottom: 12px; }
.bloc-slider-blog .slick-dots li button:before { color: #fff; font-size: 10px; }
.bloc-slider-blog .slick-dots li.slick-active button:before { color: var(--couleur-principale, #c8a96e); }



@media (hover: hover) {
    .section-blog-slider .blog-slide:hover {box-shadow: var(--ombre-photo); transform: rotate(-1deg) scale(1.03);}
    .section-blog-slider .blog-slide:hover .contenu-slide h2 {transform: scale(1.03);}
}


@media (min-width: 1025px) {
    .section-blog-slider .blog-slider .contenu-slide {max-width: 70rem; padding: 0 4rem 4rem;}
    .section-blog-slider .blog-slider {width: 75rem; margin: auto;}
    .section-blog-slider .blog-slider .blog-slide {margin: 2rem 3rem;  }
    .section-blog-slider .blog-slider .slide-bg {min-height: 40rem;}

}
@media (min-width: 1400px) {
    .section-blog-slider  {margin-bottom: 9rem;}
    .section-blog-slider .blog-slider .contenu-slide h2 {font-size: 4rem;}
}