/**
 * PW Motion — przepływ automatyzacji w tle sekcji (klasa pw-flow).
 *
 * Sam rysunek powstaje w JavaScripcie; tutaj jest tylko miejsce dla płótna
 * i pewność, że treść sekcji leży nad nim.
 */

/* Kontenery Elementora czytają położenie i przycinanie ze zmiennych, więc same
   właściwości bywają przebite przez arkusz układu — stąd oba zapisy. */
.pw-flow {
	overflow: hidden;
	--overflow: hidden;
}

.pw-flow-canvas {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 0;
}

/* Treść sekcji zawsze nad schematem. */
.pw-flow > .e-con,
.pw-flow > .elementor-element {
	position: relative;
	z-index: 1;
}

/* Na wąskim ekranie tekst zajmuje całą szerokość, więc rysunek schodzi niżej
   z jasnością — ma zostać tłem, a nie konkurencją dla nagłówka. */
@media (max-width: 900px) {
	.pw-flow-canvas {
		opacity: 0.5;
	}
}