/* ── modules/video-bg/style.css ── */
/* Full-bleed video background — covers the entire slide */

/* Reusable class */
.dw-video-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Legacy per-slide aliases */
.s22-bg-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.s4v-bg-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
  /* Always add tabindex="-1" to video elements to prevent arrow key theft */
}

/* slide1 uses .s1-bg as a video element */
.s1-bg {
  position: absolute;
  inset: 0 0 -28px 0;
  width: 100%;
  height: calc(100% + 28px);
  object-fit: cover;
  display: block;
}

/* slide30 uses .s30-video */
.s30-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* slide30 overlay — darkening layer over video */
.s30-overlay {
  position: absolute;
  inset: 0;
  background: rgba(22, 38, 56, 0.7);
  z-index: 1;
}