/*
 * Philippine Coffee Guild - Custom Header Overlay Fix
 * Created: October 26, 2025
 * Purpose: Transparent header with white navigation text
 *
 * This file is loaded via functions.php with high priority
 * to ensure it overrides all other CSS including Elementor.
 */

/* 1. Override titlebar positioning rule */
.titlebar .main-header-overlay:not(.is-stuck),
.titlebar .main-header-overlay {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
}

/* 2. Force COMPLETELY TRANSPARENT background on ALL header states
   CRITICAL: Must override theme's 90% black background (rgba(0, 0, 0, 0.9)) */
.main-header-overlay,
.main-header-overlay.is-stuck,
.main-header-overlay.lqd-smart-sticky-show,
.main-header-overlay.lqd-smart-sticky-header.is-stuck,
.header.site-header.main-header.main-header-overlay.is-stuck,
.header.site-header.main-header.main-header-overlay.lqd-smart-sticky-header.is-stuck,
.main-header.is-stuck,
.main-header.main-header-overlay.is-stuck,
.header.main-header.is-stuck,
.is-stuck > .elementor > .elementor-section-wrap > .elementor-section:not(.lqd-stickybar-wrap) {
    background: transparent !important;
    background-color: transparent !important;
    backdrop-filter: none !important;
    box-shadow: none !important;
}

/* 3. Hide titlebar content (removes "Homepage" heading) */
.titlebar-inner,
.titlebar-container {
    display: none !important;
}

/* 4. Make titlebar wrapper invisible but preserve structure */
.titlebar {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    min-height: 0 !important;
    height: 0 !important;
    overflow: visible !important;
}

/* 5. Pull hero section up behind header */
.home .elementor-section.elementor-element-533edc1 {
    margin-top: -177px !important;
    padding-top: 177px !important;
}

/* 6. White navigation text - ULTRA-MAXIMUM SPECIFICITY to override Elementor inline CSS
   Must beat specificity: 9 from .is-stuck .elementor-14 .elementor-element... */
.header.header.site-header.main-header.main-header-overlay.is-stuck .elementor-14 .elementor-element.elementor-element-f000470 .navbar-collapse .main-nav > li > a,
.is-stuck.is-stuck .elementor-14 .elementor-element.elementor-element-f000470 .navbar-collapse .main-nav > li > a,
.main-header-overlay .main-nav a,
.main-header-overlay.is-stuck .main-nav a,
.main-header-overlay .navbar-brand,
.main-header-overlay.is-stuck .navbar-brand,
.main-header-overlay .nav-link,
.main-header-overlay.is-stuck .nav-link,
.main-header-overlay .lqd-mobile-sec .navbar-brand {
    color: #ffffff !important;
}

/* 7. Ensure full viewport hero */
.home .elementor-section-height-full {
    min-height: 100vh !important;
}

/* 8. Ensure proper positioning and prevent theme transforms */
.main-header-overlay {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    transform: none !important;
    width: 100% !important;
    z-index: 999 !important;
}

/* WHITE LOGO */
.main-header-overlay .navbar-brand,
.main-header-overlay .navbar-brand img {
  filter: brightness(0) invert(1) !important
}