/* BeePixel Header Footer Builder - Frontend Header Styles */

.bphfe-header-template,
#bphfe-header {
    position: relative;
    z-index: 9999;
}

/* Sticky Header */
.bphfe-sticky-header {
    position: sticky;
    top: var(--bphfe-sticky-top, 0);
    z-index: 9999;
}

/* Fixed fallback when CSS sticky breaks on some themes */
#bphfe-header.bphfe-sticky-active,
.bphfe-header-template.bphfe-sticky-active {
    position: fixed;
    top: var(--bphfe-sticky-top, 0);
    left: 0;
    right: 0;
    width: 100%;
    z-index: 99999;
}

/* Spacer to prevent layout jump when header goes fixed */
.bphfe-header-spacer {
    display: none;
    width: 100%;
}

/* Scroll animation */
.bphfe-header-template.bphfe-header-scroll-animation,
#bphfe-header.bphfe-header-scroll-animation {
    position: sticky;
    top: var(--bphfe-sticky-top, 0);
    z-index: 9999;
    transition: transform .25s ease, opacity .25s ease;
    will-change: transform;
}

/* Scroll down - hide header */
#bphfe-header.bphfe-scroll-down,
.bphfe-header-template.bphfe-scroll-down {
    transform: translateY(-100%);
    opacity: 0;
}

/* Scroll up - show header */
#bphfe-header.bphfe-scroll-up,
.bphfe-header-template.bphfe-scroll-up {
    transform: translateY(0);
    opacity: 1;
}