/* ── Slideshow core ──────────────────────────────────────
   Centralised styles for the background image slideshow.
   Include via <link> in every page that uses the slideshow.
   ─────────────────────────────────────────────────────── */

.slideshow {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.slideshow .slide {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 1s ease;
}

.slideshow .slide.active {
    opacity: 1;
}

/* ── Theme colour filters ───────────────────────────────── */

.slideshow.redflare .slide {
    filter: sepia() brightness(.25) hue-rotate(-50deg) saturate(10);
}

.slideshow.military .slide {
    filter: sepia() brightness(.3) hue-rotate(80deg) saturate(8);
}

.slideshow.grayscale .slide {
    filter: grayscale(1) brightness(.35);
}