/**
 * Studio Fuchs — style bazowe nagłówka scroll.
 * Kolory ustawia Elementor (z opcji widgetu). Tutaj tylko: płynne przejście,
 * pozycja sticky i mechanika podmiany logo.
 */

/* Płynne przejście kolorów między stanami (czas nadpisywany opcją „Czas przejścia") */
.sfeh-active,
.sfeh-active *,
.sfeh-header,
.sfeh-header * {
	transition-property: background-color, color, fill, border-color, box-shadow, padding, min-height, width, height, max-height;
	transition-duration: .45s;
	transition-timing-function: ease;
}

/* Przyklejony nagłówek nakładający się na hero */
.sfeh-sticky {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 9999;
}

/* --- Podmiana logo białe <-> czarne --- */
.sfeh-logo {
	display: inline-flex;
	align-items: center;
	line-height: 0;
}
.sfeh-logo__img {
	display: block;
	max-width: 100%;
	height: auto;
}
.sfeh-logo__img--scrolled {
	display: none;
}
.sfeh-scrolled .sfeh-logo__img--scrolled {
	display: block;
}
.sfeh-scrolled .sfeh-logo__img--top {
	display: none;
}

@media (prefers-reduced-motion: reduce) {
	.sfeh-active,
	.sfeh-active *,
	.sfeh-header,
	.sfeh-header * {
		transition-duration: .001ms !important;
	}
}

/* --- Widget „Sterownik nagłówka (scroll)" --- */
/* Na froncie niewidoczny; podpowiedź widoczna tylko w edytorze Elementora. */
.sfeh-ctrl { display: none; }
.sfeh-ctrl-hint { display: none; }
.elementor-editor-active .sfeh-ctrl-hint,
body.elementor-editor-preview .sfeh-ctrl-hint {
	display: inline-block;
	font: 12px/1.4 -apple-system, "Segoe UI", sans-serif;
	color: #8A8073;
	background: #FBFAF7;
	border: 1px dashed #C9C0B2;
	border-radius: 4px;
	padding: 6px 10px;
}