/*
Theme Name:     Bellevue - Child Theme
Theme URI:      https://bellevuetheme.com
Template:       bellevuex
Author:         Themovation
Author URI:     http://themovation.com
Version:        4.0
Text Domain:    bellevue
Domain Path:    /languages/
*/


/* = Theme customization starts here
-------------------------------------------------------------- */

header#thhf-masthead-sticky {
    /* 1. Force fixed positioning so it doesn't push content down */
    position: fixed !important;
    display: block !important;
    
    /* 2. Hide it visually and from interactions */
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    
    /* 3. Smooth transition */
    transition: opacity 0.2s ease-in-out, visibility 0.4s !important;
    
    /* 4. Ensure it stays at the top */
    top: 0 !important; /* Matches your WP Admin bar offset */
    left: 0;
    width: 100%;
    z-index: 9999;
}

/* 5. Show it only when the JS triggers the 'display: inherit' state */
header#thhf-masthead-sticky[style*="display: inherit"],
header#thhf-masthead-sticky[style*="display: block"] {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto; /* Enable clicks when visible */
}