/* YUBEEN Unified Scroll Header v1.0 — inactive unless JS sets enabled class.
 * Preserve original HFE Header at top. Explicit models are the only targets.
 */
body.page-id-14212.yb-unified-header-enabled {
    --yb-unified-header-background: rgba(12,20,17,.94);
    --yb-unified-header-shadow: 0 5px 20px rgba(0,0,0,.15);
}
body.page-id-5469.yb-unified-header-enabled,
body.page-id-5430.yb-unified-header-enabled {
    --yb-unified-header-background: rgba(12,20,25,.94);
    --yb-unified-header-shadow: 0 5px 20px rgba(0,0,0,.16);
}

body.yb-unified-header-enabled
.yubeen-header.yubeen-header--transparent {
    transition: transform .25s ease, background-color .25s ease,
        box-shadow .25s ease !important;
}

body.yb-unified-header-enabled.yb-unified-header-scrolled
.yubeen-header.yubeen-header--transparent {
    position: fixed !important;
    top: var(--yb-unified-header-admin-offset, 0px) !important;
    left: 0 !important;
    right: 0 !important;
    background: var(--yb-unified-header-background, rgba(12,20,25,.94)) !important;
    background-color: var(--yb-unified-header-background, rgba(12,20,25,.94)) !important;
    background-image: none !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    box-shadow: var(--yb-unified-header-shadow, 0 5px 20px rgba(0,0,0,.16)) !important;
}

@media (max-width: 900px) {
    body.yb-unified-header-enabled.yb-unified-header-scrolled
    .yubeen-header.yubeen-header--transparent {
        transform: translateY(0) !important;
        pointer-events: auto !important;
    }

    body.yb-unified-header-enabled.yb-unified-header-scrolled.yb-unified-header-hidden
    .yubeen-header.yubeen-header--transparent {
        transform: translateY(calc(-100% - var(--yb-unified-header-admin-offset, 0px))) !important;
        pointer-events: none !important;
    }

    body.yb-unified-header-enabled.yb-unified-header-menu-open
    .yubeen-header.yubeen-header--transparent,
    body.yb-unified-header-enabled.yb-mobile-nav-open
    .yubeen-header.yubeen-header--transparent,
    body.yb-unified-header-enabled
    .yubeen-header.yubeen-header--transparent:focus-within {
        transform: translateY(0) !important;
        pointer-events: auto !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.yb-unified-header-enabled
    .yubeen-header.yubeen-header--transparent {
        transition: none !important;
    }
}