/**
 * Header sticky: soft fade-in from above (not the default The7 slide-from-below feel).
 * Loads in footer after post-4980.css and the7-sticky-effects.css.
 */

:root {
	--kelmendi-header-fade-shift: -12px;
	--kelmendi-header-fade-duration: 0.28s;
}

/* Replace The7 large translate slide with a short fade-from-top */
#the7-body .elementor-location-header .the7-e-sticky-scrollup-yes:not(.the7-e-sticky-spacer) {
	--the7-sticky-scroll-up-translate: 0px !important;
	transform: translateY(0) !important;
	opacity: 1;
	transition:
		opacity var(--kelmendi-header-fade-duration) ease,
		transform var(--kelmendi-header-fade-duration) ease,
		background 0.3s ease,
		border 0.3s ease,
		border-radius 0.3s ease,
		box-shadow 0.3s ease !important;
}

/* Hidden while scrolling down: sits slightly above + faded out */
#the7-body .elementor-location-header .the7-e-sticky-scrollup-yes.the7-e-scroll-down:not(.the7-e-sticky-spacer),
#the7-body .elementor-location-header .elementor-element-d8c4593.the7-e-sticky-scrollup-yes.the7-e-scroll-down:not(.the7-e-sticky-spacer) {
	transform: translateY(var(--kelmendi-header-fade-shift)) !important;
	opacity: 0 !important;
	pointer-events: none !important;
	visibility: hidden;
}

/* Logo + icons (Show When Sticky): fade from above, no height pop */
#the7-body .elementor-location-header .the7-e-on-sticky-effect-visibility {
	transition: none !important;
}

#the7-body .elementor-location-header .the7-e-on-sticky-effect-visibility > .elementor-element-populated,
#the7-body .elementor-location-header .the7-e-on-sticky-effect-visibility > .elementor-widget-wrap {
	transition:
		opacity var(--kelmendi-header-fade-duration) ease,
		transform var(--kelmendi-header-fade-duration) ease !important;
}

#the7-body .elementor-location-header .the7-e-sticky-effect-yes:not(.the7-e-sticky-effects) .the7-e-on-sticky-effect-visibility-show > .elementor-element-populated,
#the7-body .elementor-location-header .the7-e-sticky-effect-yes:not(.the7-e-sticky-effects) .the7-e-on-sticky-effect-visibility-show > .elementor-widget-wrap {
	opacity: 0;
	transform: translateY(var(--kelmendi-header-fade-shift));
}

#the7-body .elementor-location-header .the7-e-sticky-effects .the7-e-on-sticky-effect-visibility-show > .elementor-element-populated,
#the7-body .elementor-location-header .the7-e-sticky-effects .the7-e-on-sticky-effect-visibility-show > .elementor-widget-wrap {
	opacity: 1;
	transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
	#the7-body .elementor-location-header .the7-e-sticky-scrollup-yes:not(.the7-e-sticky-spacer),
	#the7-body .elementor-location-header .the7-e-on-sticky-effect-visibility > .elementor-element-populated,
	#the7-body .elementor-location-header .the7-e-on-sticky-effect-visibility > .elementor-widget-wrap {
		transition: none !important;
	}
}