/* === Agent View — Sticky Header === */

/* Sticky active state */
.ave-sticky-active {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100% !important;
    z-index: 9999 !important;
    transition: background-color 0.4s ease, padding 0.4s ease, box-shadow 0.4s ease, transform 0.4s ease;
}

/* Shadow */
.ave-sticky-shadow {
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
}

/* Transparent header — before scroll. Frontend only.
   Inside the editor this is switched back on per-document by the inline rule in
   includes/sticky-header.php, which excludes whichever document is currently open:
   a header template being edited stays solid and in normal flow (otherwise
   position:absolute plus a forced transparent background leaves nothing to design
   against), while the same header rendered above a page shows its real overlap.
   ave-sticky.js never runs in edit mode, so .ave-sticky-active cannot clear this. */
body:not(.elementor-editor-active) .ave-header-transparent-yes:not(.ave-sticky-active) {
    position: absolute !important;
    width: 100% !important;
    z-index: 9999 !important;
    background-color: transparent !important;
}

/* Hide on scroll down */
.ave-sticky-hidden.ave-sticky-active {
    transform: translateY(-100%);
}

/* Logo swap transition */
.ave-logo-img {
    transition: opacity 0.3s ease;
}