/* ============================================
   Carrousel de fond — Splash arts LoL
   Ken Burns + overlay sombre
   ============================================ */

.carousel-bg {
    position: fixed; inset: 0; z-index: -1; overflow: hidden;
}

.carousel-bg__slide {
    position: absolute; inset: 0;
    background-size: cover; background-position: center;
    opacity: 0; transition: opacity 1.5s ease;
    animation: kenBurns 20s ease infinite alternate;
}

.carousel-bg__slide.active { opacity: 1; }
.carousel-bg__slide:nth-child(2n) { animation-direction: alternate-reverse; }

/* Overlay gradient sombre */
.carousel-bg__overlay {
    position: absolute; inset: 0; z-index: 1;
    background: var(--gradient-hero);
}

/* Vignette pour les bords */
.carousel-bg__vignette {
    position: absolute; inset: 0; z-index: 2;
    box-shadow: inset 0 0 150px rgba(0, 0, 0, 0.5);
    pointer-events: none;
}

@keyframes kenBurns {
    0% { transform: scale(1) translate(0, 0); }
    100% { transform: scale(1.08) translate(-1%, -1%); }
}

.no-carousel .carousel-bg { display: none; }

@media (prefers-reduced-motion: reduce) {
    .carousel-bg__slide { animation: none; transition: opacity 0.5s ease; }
}