:root {
	--krauff-sticky-header-offset: 0px;
}

body.admin-bar {
	--krauff-sticky-header-offset: 32px;
}

.krauff-sticky-header {
	position: fixed !important;
	inset-block-start: var(--krauff-sticky-header-offset) !important;
	inset-inline-start: 0 !important;
	inset-inline-end: 0 !important;
	z-index: 9990;
	width: 100% !important;
	margin: 0 !important;
	opacity: 0;
	pointer-events: none;
	transform: translate3d(0, -110%, 0);
	visibility: hidden;
	transition:
		transform 0.34s ease,
		opacity 0.24s ease,
		visibility 0s linear 0.34s;
	will-change: transform;
	background: #324219;
}

.krauff-sticky-header.is-visible {
	opacity: 1;
	pointer-events: auto;
	transform: translate3d(0, 0, 0);
	visibility: visible;
	transition:
		transform 0.34s ease,
		opacity 0.24s ease,
		visibility 0s;
}

.krauff-sticky-header > .e-con-inner,
.krauff-sticky-header > .elementor-container {
	width: 100%;
}

.krauff-sticky-header::after {
	position: absolute;
	inset-inline: 0;
	inset-block-end: -18px;
	height: 18px;
	background: linear-gradient(180deg, rgba(28, 41, 13, 0.18), rgba(28, 41, 13, 0));
	content: "";
	pointer-events: none;
}

body.krauff-sticky-header-active .header-block:not(.krauff-sticky-header) {
	will-change: transform;
}

@media (max-width: 782px) {
	body.admin-bar {
		--krauff-sticky-header-offset: 46px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.krauff-sticky-header {
		transition: none;
	}
}