
/* === SECTION — même traitement que .container-bloc-visuel-carte === */
.container-bloc-actu-une {background-color: #F1F5EF; border-radius: var(--border-radius); padding: 2rem;}

/* === LAYOUT === */
.container-bloc-actu-une .actu-une-layout {display: flex; flex-direction: column; gap: 3rem;}

/* === COLONNE GAUCHE === */
.container-bloc-actu-une .actu-une-contenu {width: auto; flex-direction: column; justify-content: center;}
.container-bloc-actu-une .actu-une-desc p {margin: 0 0 1rem; color: var(--couleur-texte);}
.container-bloc-actu-une .actu-une-btn {margin-top: 2rem; display: inline-flex; justify-content: center;}

/* === CARROUSEL — même structure que .inspi-carousel-wrap === */
.container-bloc-actu-une .actu-une-carousel-wrap {position: relative; min-width: 0; overflow: visible;}

/* Overlay flèches */
.container-bloc-actu-une .actu-une-arrows-overlay {position: absolute; top: 0; left: 0; right: 0; height: 45rem; pointer-events: none; z-index: 3;}
.container-bloc-actu-une .actu-une-prev, .container-bloc-actu-une .actu-une-next {position: absolute; top: calc(50% - 2.25rem); transform: none; pointer-events: auto;}
.container-bloc-actu-une .actu-une-prev {left: -1rem;}
.container-bloc-actu-une .actu-une-next {right: -1rem;}

/* Slider Slick — calqué sur .inspi-slider */
.container-bloc-actu-une .actu-une-slider, .container-bloc-actu-une .actu-une-slider .slick-list, .container-bloc-actu-une .actu-une-slider .slick-track {height: 100%;}
.container-bloc-actu-une .actu-une-slider .actu-une-slide {padding: 0 .5rem; display: flex; flex-direction: column; cursor: pointer;}

/* Image — identique à .inspi-slide-image */
.container-bloc-actu-une .actu-une-slide-image {width: 100%; height: 45rem; overflow: hidden; border-radius: var(--border-radius, 1.2rem); margin-bottom: 1.2rem; position: relative; background-color: var(--couleur-background-light); background-image: url("/wp-content/themes/iwego-child/images/grappe-couleur.svg"); background-repeat: no-repeat; background-size: 12rem; background-position: center;}
.container-bloc-actu-une .actu-une-slide-image img {width: 100%; height: 100%; object-fit: cover; transition: transform 400ms ease;}

/* Titre — identique à .inspi-slide-titre */
.container-bloc-actu-une .actu-une-slide-titre {font-size: 1.6rem; font-weight: 700; color: var(--couleur-texte); margin: 0 0 .3rem; text-align: center;}
.container-bloc-actu-une .actu-une-slide-commune {font-size: 1.3rem; color: var(--couleur-texte-light); margin: 0; text-align: center; display: flex; align-items: center; justify-content: center; gap: .4rem;}

/*=== MOBILE SCROLL NATIF — identique inspiration === */
@media (max-width: 767px) {
    .container-bloc-actu-une .actu-une-slider.native-scroll {display: flex; overflow-x: scroll; scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch; scrollbar-width: none; overscroll-behavior-x: contain; height: auto;}
    .container-bloc-actu-une .actu-une-slider.native-scroll::-webkit-scrollbar {display: none;}
    .container-bloc-actu-une .actu-une-slider.native-scroll .actu-une-slide {flex-shrink: 0; width: 100%; scroll-snap-align: start;}
    .container-bloc-actu-une .actu-une-slider.native-scroll .actu-une-slide-image {height: 28rem;}
    .container-bloc-actu-une .actu-une-prev, .container-bloc-actu-une .actu-une-next {display: none;}
}

/* === HOVER === */
@media (hover: hover) {
    .container-bloc-actu-une .actu-une-prev:hover, .container-bloc-actu-une .actu-une-next:hover {background-color: var(--couleur-texte);}
    .container-bloc-actu-une .actu-une-slide-image img:hover {transform: scale(1.04);}
}

/* === TABLETTE — même traitement que visuel-carte === */
@media (min-width: 768px) {

}

/* === DESKTOP === */
@media (min-width: 1025px) {
    .container-bloc-actu-une {padding: 5rem 0 3rem 5rem;}
    .container-bloc-actu-une .actu-une-slider {padding-right: 20%;}
    .container-bloc-actu-une .actu-une-slider .slick-list {overflow: visible;}
    .container-bloc-actu-une .actu-une-layout {flex-direction: row; gap: 6rem;}
    .container-bloc-actu-une .actu-une-contenu {width: 35rem; flex-shrink: 0;}
    .container-bloc-actu-une .actu-une-carousel-wrap {flex: 1; min-width: 0; overflow: hidden; padding-left: 2rem;}
    .container-bloc-actu-une h2 {margin: 0 0 3rem;}
    .container-bloc-actu-une .actu-une-slider .actu-une-slide {padding: 0 2rem 0 0;}
    .container-bloc-actu-une .actu-une-slider .actu-une-slide:not(.slick-active) {opacity: .35;}
    .container-bloc-actu-une .actu-une-next {right: calc(20% - 0.5rem);}
    .container-bloc-actu-une .actu-une-prev {left: 0;}
}

@media (min-width: 1400px) {
    .container-bloc-actu-une .actu-une-contenu {width: 40rem;}
    .container-bloc-actu-une {padding: 6rem 0 4rem 10rem;}
    .container-bloc-actu-une .actu-une-layout {gap: 8rem;}
}

@media (min-width: 1700px) {
    .container-bloc-actu-une .actu-une-slide-image {height: 50rem;}
    .container-bloc-actu-une .actu-une-arrows-overlay {height: 50rem;}
}
