/* --- Global Sticky Properties --- */
.sticky-header, 
.peek-a-boo-header, 
.hero-header {
    position: sticky !important;
    top: 0;
    width: 100% !important;
    z-index: 9999;
    /* Transition for smooth background/transform changes */
    transition: background 0.6s ease, border 0.6s ease, box-shadow 0.6s ease, transform 0.3s ease-in-out !important;
}

/* --- Peek-A-Boo Hidden State --- */
.shbt-hidden {
    transform: translateY(-100%);
}

/* --- Hero Header: Initial State (Overlay & Transparent) --- */
.hero-header:not(.shbt-scrolled) {
    background-color: transparent !important;
    background-image: none !important;
    border-bottom-color: transparent !important;
    box-shadow: none !important;
}

/* Hide Site Title on Hero Header until scroll */
.hero-header:not(.shbt-scrolled) .wp-block-site-title {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.5s ease;
}

/* --- Essential Sticky Fixes --- */
body.admin-bar .sticky-header,
body.admin-bar .peek-a-boo-header,
body.admin-bar .hero-header {
    top: 32px;
}
@media screen and (max-width: 782px) {
    body.admin-bar .sticky-header,
    body.admin-bar .peek-a-boo-header,
    body.admin-bar .hero-header { top: 46px; }
}

/* Prevent parent containers from "killing" the sticky effect */
html, body, .wp-site-blocks { 
    overflow-x: visible !important; 
}