/* /home/ale/p2a/static/css/bg_fallback.css */

/* containerul video */
.bg-shell {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  z-index: -20;
  overflow: hidden;
  pointer-events: none;
}

/* video + imagine ocupă tot */
.bg-shell video,
.bg-shell img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(75%);
}

/* fallback pornește ascuns */
#hero-fallback {
  opacity: 0;
  transition: opacity 0.35s ease;
  pointer-events: none;
}

/* dacă video NU a pornit în timp util */
.bg-shell.fallback-on #hero-fallback {
  opacity: 1;
  z-index: 5;
}

/* dacă video a pornit */
.bg-shell.video-on #hero-fallback {
  opacity: 0;
}

/* overlay rămâne */
.bg-shell .video-overlay {
  position: absolute;
  inset: 0;
}