/* HEADER FIX - Ensures header displays on ALL pages */

/* Override EVERYTHING - make header fixed and visible */
body #page-header,
body .page-header,
body header.page-header,
header#page-header.page-header {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 99999 !important;
    background-color: transparent !important;
    transition: transform 0.3s ease-in-out !important;
}

/* INTERNAL PAGES ONLY: Force transparent background on header bar (NOT mega menu) */
body:not(.page-template-page-demo) #page-header,
body:not(.page-template-page-demo) .page-header {
    background-color: transparent !important;
    background-image: none !important;
}
body:not(.page-template-page-demo) .page-header .sp-header,
body:not(.page-template-page-demo) .page-header .sp-header *:not(.sub-menu):not(.sub-menu *):not(.burger__line),
body:not(.page-template-page-demo) .page-header .sp-menu-mobile,
body:not(.page-template-page-demo) .page-header .sp-menu-mobile * {
    background-color: transparent !important;
    background-image: none !important;
}

/* Dropdown sub-menu: solid bg + centered (all pages) */
.page-header .sub-menu {
    background-color: #1b1b1e !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin-left: 0 !important;
    text-align: center !important;
    border-radius: 0 !important;
    box-shadow: 0 5px 20px rgba(0,0,0,0.3) !important;
}

.page-header .sub-menu a {
    color: #fff !important;
    background-color: transparent !important;
}

.page-header .sub-menu a:hover {
    background-color: #b9a38b !important;
    color: #fff !important;
}

/* Header scroll behavior - target both #page-header and .sp-header */
#page-header.header-hidden,
.sp-header.header-hidden {
    transform: translateY(-100%) !important;
}

#page-header.header-visible,
.sp-header.header-visible {
    transform: translateY(0) !important;
}

/* Ensure .sp-header has transition for smooth hide/show and is fixed for scroll behavior */
.sp-header {
    transition: transform 0.3s ease-in-out !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 99999 !important;
}

/* Homepage - fixed position so hide-on-scroll works */
body.page-template-page-demo #page-header,
body.page-template-page-demo .page-header,
body.page-template-page-demo header.page-header,
body.page-template-page-demo header#page-header.page-header {
    position: fixed !important;
}

/* Ensure ALL header inner elements are visible */
.sp-header,
.sp-header--absolute,
.sp-header--custom,
.afe-content--spark_header_custom,
.cbl__block.block_header,
.cbl__row.row_header {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Make sure header content is visible */
.page-header .cbl__column-box,
.page-header .fd-header__col {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Widgets visible by default, but logos controlled separately below */
.page-header .cbl__widget {
    visibility: visible !important;
    opacity: 1 !important;
}

/* DO NOT push page-container down - each page's first block already has top padding */

/* Ensure header links are clickable */
.page-header a,
.page-header button {
    pointer-events: auto !important;
    cursor: pointer !important;
}

/* CENTER THE LOGO COLUMN */
.column_center,
.column_center .cbl__column-box {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
}

/* Responsive logo visibility - FORCE only one logo at a time */
body .page-header .cbl__widget.widget_logo_desktop,
body .page-header .widget_logo_desktop,
.page-header .cbl__widget.widget_logo_desktop {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    margin: 0 auto !important;
}

body .page-header .cbl__widget.widget_logo_mobile,
body .page-header .widget_logo_mobile,
.page-header .cbl__widget.widget_logo_mobile {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin: 0 auto !important;
}

@media (min-width: 992px) {
    body .page-header .cbl__widget.widget_logo_desktop,
    body .page-header .widget_logo_desktop,
    .page-header .cbl__widget.widget_logo_desktop {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    body .page-header .cbl__widget.widget_logo_mobile,
    body .page-header .widget_logo_mobile,
    .page-header .cbl__widget.widget_logo_mobile {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }
}

@media (max-width: 991px) {
    .sp-header .widget_logo_mobile .cb-image {
        width: 160px !important;
    }
}