/*
 * Dwustopniowy sticky header dla Blocksy.
 * Najpierw znika górny pasek, kolejny gest chowa pozostałą część nagłówka.
 */
@media (min-width: 1000px) {
	#header .ct-sticky-container.mattadent-sticky-shell {
		min-height: var(--mattadent-header-height, 0px);
	}

	#header .ct-sticky-container > [data-sticky*="auto-hide"].mattadent-expertia-sticky {
		background-color: var(--theme-palette-color-4, #46382b);
		backface-visibility: hidden;
		isolation: isolate;
	}

	#header .ct-sticky-container > [data-sticky*="auto-hide"].mattadent-expertia-sticky.mattadent-docked {
		position: fixed !important;
		top: var(--wp-admin--admin-bar--height, 0px) !important;
		left: 0 !important;
		right: 0 !important;
		width: 100% !important;
		z-index: 999 !important;
		transform: translate3d(0, var(--mattadent-shown-y, 0px), 0) !important;
		will-change: transform;
		transition: none !important;
	}

	#header .ct-sticky-container > [data-sticky*="auto-hide"].mattadent-expertia-sticky.mattadent-docked.mattadent-animate {
		transition: transform 0.42s cubic-bezier(0.4, 0, 0.2, 1) !important;
	}

	body.admin-bar #header .ct-sticky-container > [data-sticky*="auto-hide"].mattadent-expertia-sticky.mattadent-docked {
		top: 32px !important;
	}

	#header .ct-sticky-container > [data-sticky*="auto-hide"].mattadent-expertia-sticky.mattadent-docked.mattadent-scroll-down {
		transform: translate3d(0, var(--mattadent-hidden-y, -100%), 0) !important;
	}

	/* Jednolite tło i zakładka 1 px maskują linie powstające podczas animacji GPU. */
	#header .mattadent-expertia-sticky.mattadent-docked [data-row] {
		border-top: 0 !important;
		border-bottom: 0 !important;
		box-shadow: 0 1px 0 var(--theme-palette-color-4, #46382b) !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	#header .mattadent-expertia-sticky.mattadent-docked {
		transition: none !important;
	}
}