/* ============================================================
   ENDEAVOUR 7 AVIATION LTD — GLOBAL SITE CSS
   Version 1.1 | May 2026
   ============================================================

   Site-wide functional styles that are not part of the design
   system token library. Enqueued via functions.php.

   Contents:
     1. Page title suppression
     2. Sticky header

   ============================================================ */


/* ------------------------------------------------------------
   1. PAGE TITLE SUPPRESSION
   Hides the WordPress-injected .entry-title on all pages.
   Elementor manages page headings via its own widgets — the
   default WP title element is redundant and creates a layout
   gap if left visible.
   ------------------------------------------------------------ */
.entry-title {
    display: none;
}


/* ------------------------------------------------------------
   2. STICKY HEADER
   Apply class="sticky-header" to your Elementor header section.

   Behaviour:
   - Default state: full-height header with solid background
   - Scrolled state (.elementor-sticky--effects): shrinks to 50%
     height, applies frosted-glass backdrop blur, and drops a
     subtle shadow
   - Mobile: header height reduced to 70px (vs 100px desktop)
   - Logo: scales down proportionally when header shrinks

   Variables (adjust here, not in Elementor):
   --header-height        Desktop header height (default 100px)
   --shrink-header-to     Multiplier for scrolled height (0.5 = 50%)
   --transition           Easing for all animated properties
   ------------------------------------------------------------ */

/**
 * Base header state
 */
header.sticky-header {
    --header-height:    100px;
    --shrink-header-to: 0.5;
    --transition:       0.45s cubic-bezier(0.4, 0, 0.2, 1);

    background-color: rgba(244, 245, 248, 1);
    transition:
        background-color var(--transition),
        backdrop-filter  var(--transition),
        box-shadow       var(--transition);
}

/**
 * Scrolled / sticky activated state
 * Class added by Elementor's sticky widget behaviour
 */
header.sticky-header.elementor-sticky--effects {
    background-color:        rgba(244, 245, 248, 0.8);
    box-shadow:              0px 4px 33px 1px rgba(0, 0, 0, 0.07);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter:         saturate(180%) blur(20px);
}

/**
 * Inner container height — animates on scroll
 */
header.sticky-header > .elementor-container {
    min-height: var(--header-height);
    transition: min-height var(--transition);
}

header.sticky-header.elementor-sticky--effects > .elementor-container {
    min-height: calc(var(--header-height) * var(--shrink-header-to));
}

/**
 * Logo scale — shrinks in sync with header
 */
header.sticky-header .logo img {
    transition: transform var(--transition);
}

header.sticky-header.elementor-sticky--effects .logo img {
    transform: scale(0.8);
}

/**
 * Mobile — shorter base header height
 */
@media only screen and (max-width: 767px) {
    header.sticky-header {
        --header-height: 70px;
    }
}

/* ============================================================
   END OF FILE
   ============================================================ */