/**
 * orca-sticky-header - 前台樣式
 *
 * 狀態說明：
 *   .fixed-top      — 固定在視窗頂端（scrollTop > 0 時永遠存在）
 *   .header-hidden  — 向下捲動超過閾值時隱藏（上滑出視窗）
 *   .scrolling-up   — 向上捲動中
 *   .scrolling-down — 向下捲動中
 */

/* ── 基礎固定樣式：只要不在頂端就維持 fixed ── */
.fixed-top {
    position: fixed !important;
    top: 0 !important;   /* JS 會在 admin-bar 存在時覆寫為正確高度 */
    left: 0;
    width: 100%;
    z-index: 9998;       /* admin bar z-index: 99999，需低於它 */
    transition: transform 0.3s ease, opacity 0.3s ease !important;
    transform: translateY(0) !important;
    opacity: 1;
    pointer-events: auto;
}

/* ── 向下捲動超過閾值：滑出視窗頂端 ── */
.fixed-top.header-hidden {
    transform: translateY(-110%) !important;
    opacity: 0;
    pointer-events: none;
}