/* ModulHaus — hero: warstwa wideo-galerii (sekwencja klipów z crossfade).
   Leży POD gradientem (.mh-test-hero::after, z-index 0) i tekstem (z-index 1),
   więc napisy zostają czytelne. Tło-zdjęcie hero służy jako poster (widoczne,
   dopóki pierwszy klip się nie załaduje; na mobile/reduced-motion zostaje na stałe). */

.mh-test-hero > .mh-hero-video-layer {
	position: absolute !important;
	inset: 0;
	z-index: 0 !important;          /* bije regułę .mh-test-hero > * { z-index:1 } */
	overflow: hidden;
	pointer-events: none;
	margin: 0 !important;
}

.mh-hero-video-layer video {
	position: absolute;
	inset: 0;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	object-fit: cover;
	object-position: center center;
	opacity: 0;
	transition: opacity 1s ease;
	will-change: opacity;
}
.mh-hero-video-layer video.is-active { opacity: 1; }

/* Strona główna po przebudowie 08/2026: hero to zwykły kontener Elementora
   (#mh-home-hero, --z-index:0 → własny kontekst warstw). Overlay to ::before
   bez z-index, a dzieci to kontenery bez z-index — warstwa wideo wstawiona
   jako pierwsze dziecko malowałaby się NAD overlayem. Stąd jawne piętra:
   0 wideo · 1 overlay · 2 treść. */
#mh-home-hero { position: relative; }
#mh-home-hero > .mh-hero-video-layer {
	position: absolute !important;
	inset: 0;
	z-index: 0 !important;
	overflow: hidden;
	pointer-events: none;
	margin: 0 !important;
}
#mh-home-hero::before { z-index: 1; }
#mh-home-hero > .e-con,
#mh-home-hero > .e-con-inner,
#mh-home-hero > .elementor-element { position: relative; z-index: 2; }

/* Klip PIONOWY na telefonie (pkt 1 poprawek klientki z 28.08.2026).
   Materiał 1080 × 1920 pasuje do ekranu telefonu bez przycinania w poziomie,
   ale sekcja hero ma min-height ~69vh, więc kadr i tak jest wyższy niż
   widoczny obszar. Kotwiczymy go GÓRĄ: budynek jest w górnej połowie kadru,
   a `center` ucinałby mu dach. */
html.mh-hero-video-portrait .mh-hero-video-layer video {
	object-position: center top;
}

/* Bezpiecznik: gdyby na telefonie z jakiegoś powodu poleciał klip poziomy
   (np. lista pionowa pusta, a ktoś nadpisał JS), lepiej pokazać środek kadru
   niż losowy róg. */
@media ( max-width: 767px ) {
	.mh-hero-video-layer video {
		object-position: center center;
	}
	html.mh-hero-video-portrait .mh-hero-video-layer video {
		object-position: center top;
	}
}