/* Warstwa wideo – najniżej */
.bofw-lazy-bg-video {
  position: relative;
  overflow: hidden;
}

/* Wyłącz natywne BG video Elementora, gdy używamy naszego */
.bofw-lazy-bg-video .elementor-background-video-container {
  display: none !important;
}

/* Nasze wideo pod spodem */
.bofw-lazy-bg-video .bofw-bg-video {
  position: absolute;
  inset: 0;
  z-index: 0 !important;   /* <— wideo niżej niż overlay */
  pointer-events: none;
}

.bofw-lazy-bg-video .bofw-bg-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Nakładka Elementora nad wideo */
.bofw-lazy-bg-video > .elementor-background-overlay {
  z-index: 1 !important;    /* <— overlay nad wideo */
  pointer-events: none;      /* nie blokuje klików w treść */
}

/* Treść zawsze nad overlay (sekcje) */
.bofw-lazy-bg-video > .elementor-container,
.bofw-lazy-bg-video .elementor-widget-wrap {
  position: relative;
  z-index: 2;
}

/* Treść zawsze nad overlay (kontenery – Flexbox) */
.bofw-lazy-bg-video > .e-con-inner,
.bofw-lazy-bg-video > .e-con {
  position: relative;
  z-index: 2;
}

/* (opcjonalnie) preferencje mniejszego ruchu */
@media (prefers-reduced-motion: reduce) {
  .bofw-lazy-bg-video .bofw-bg-video video { animation: none !important; }
}