/*
 * 只控制两个头部的显示与隐藏。
 * 定位、尺寸、间距、层级和 Sticky 均由主题 / Elementor 原有样式负责。
 * 不使用 display:none，避免切换时改变页面高度并触发滚动位置回跳。
 * 淡入淡出时间为 160ms，既能柔化切换，也不会产生明显延迟。
 */

.header-default{
	transition: opacity 160ms ease-out, visibility 0s linear 160ms !important;
}

.header-default.appear{
	opacity: 1 !important;
	visibility: visible !important;
	pointer-events: auto !important;
	/* 淡入开始时立即恢复可见性。 */
	transition-delay: 0s, 0s !important;
}

.header-default.disappear{
	opacity: 0 !important;
	visibility: hidden !important;
	pointer-events: none !important;
}

/* JavaScript 尚未执行时，先隐藏下拉头部，避免首屏同时出现两个头部。 */
.header-drop-down{
	opacity: 0 !important;
	visibility: hidden !important;
	pointer-events: none !important;
	transition: opacity 160ms ease-out, visibility 0s linear 160ms !important;
}

.header-drop-down.appear {
	opacity: 1 !important;
	visibility: visible !important;
	pointer-events: auto !important;
	/* 淡入开始时立即恢复可见性。 */
	transition-delay: 0s, 0s !important;
}

.header-drop-down.disappear {
	opacity: 0 !important;
	visibility: hidden !important;
	pointer-events: none !important;
}

@media (prefers-reduced-motion: reduce) {
	.header-default{
		transition: none !important;
	}

	.header-drop-down{
		transition: none !important;
	}
}