/* ===== Background Slideshow ===== */
#bg-rotator{
  position: fixed;
  inset: 0;
  z-index: -1;              /* behind navbar/content */
  pointer-events: none;     /* ignore mouse */
}

#bg-rotator .bg{
  position: absolute;
  inset: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;   /* full-bleed */
  opacity: 0;
  transition: opacity 900ms ease-in-out;
}

/* The visible layer */
#bg-rotator .bg.is-active{
  opacity: 1;
}

/* Optional: slight dark overlay to improve text contrast */
#bg-rotator::after{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,0.15), rgba(0,0,0,0.10) 30%, rgba(0,0,0,0.20));
  pointer-events: none;
}