/*
 * Przyklejony nagłówek: na telefonie i tablecie chowa się przy przewijaniu w dół i wraca przy
 * przewijaniu w górę, na komputerze (od 1200 px) stoi na stałe.
 * Cień pojawia się dopiero po odjechaniu od góry. Klasy ustawia sticky-header.js.
 */

.wa-sticky #masthead,
.wa-sticky .site-header {
	position: sticky;
	top: 0;
	z-index: 99;
	transition: transform var(--wa-transition), box-shadow var(--wa-transition);
	will-change: transform;
}

.wa-sticky--hidden #masthead,
.wa-sticky--hidden .site-header {
	transform: translateY(-100%);
}

.wa-sticky--scrolled #masthead,
.wa-sticky--scrolled .site-header {
	box-shadow: var(--wa-shadow);
}

@media (prefers-reduced-motion: reduce) {
	.wa-sticky #masthead,
	.wa-sticky .site-header {
		transition: none;
	}
}