/* ==========================================================================
   Background Slider — Thumbnails YouTube en rotation
   ========================================================================== */

/* Fallback pour iOS rubber-banding et chargement initial */
html {
    background: #000 !important;
}

.acc-bg-slider {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    overflow: hidden;
}

.acc-bg-slide {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
    transition: opacity 1.5s ease;
    transform: scale(1.05);
}

.acc-bg-slide--active {
    opacity: 1;
}

/* Pochette : l'image entière, centrée sur le noir, jamais recadrée.
   Une pochette est une composition — la rogner pour remplir l'écran
   couperait ce que l'artiste y a mis. */
.acc-bg-slider.is-cover .acc-bg-slide {
    background-size: contain;
    transform: none;
}

/* Pendant la lecture, le fond montre le morceau écouté : on éclaircit le
   voile pour qu'on le voie vraiment. */
.acc-bg-slider.is-playing .acc-bg-overlay {
    background: rgba(0, 0, 0, 0.45);
    transition: background 1s ease;
}

/* Dark overlay to keep content readable */
.acc-bg-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.75);
    pointer-events: none;
}

/* When hovering a video card, the bg gets slightly brighter */
.acc-bg-slider.is-hover .acc-bg-overlay {
    background: rgba(0, 0, 0, 0.55);
    transition: background 0.5s ease;
}

/* Ensure page content is above the slider */
body:not(.home) .wp-site-blocks,
body:not(.home) .la-archive,
body:not(.home) .la-single {
    position: relative;
    z-index: 1;
}

body:not(.home) .acc-site-header {
    position: relative;
    z-index: 2;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

body:not(.home) .acc-footer {
    position: relative;
    z-index: 1;
    background: rgba(13, 0, 0, 0.8);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

/* Make page backgrounds transparent so the slider shows through */
body:not(.home) {
    background: transparent !important;
}

body:not(.home) .wp-site-blocks {
    background: transparent !important;
}