/* Sticky Header Styles - Suffix: 54325e21 */

/* Global setup for sticky header overlay at the top of the page */
.sticky-header-active {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    transition: all 0.3s ease-in-out;
}

/* Adjust top offset for WP Admin Bar */
body.admin-bar .sticky-header-active {
    top: var(--wp-admin--admin-bar--height, 32px);
}
@media screen and (max-width: 782px) {
    body.admin-bar .sticky-header-active {
        top: 46px;
    }
}

/* STATE 1: At Top (Transparent) */
.sticky-header-active {
    background-color: transparent !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    box-shadow: none !important;
    height: 95px;
    display: flex;
    align-items: center;
}

/* White elements in State 1 */
.sticky-header-active .logo-dark-54325e21 {
    display: none !important;
}
.sticky-header-active .logo-white-54325e21 {
    display: block !important;
}

/* Nav text color state 1 */
.sticky-header-active .elementor-nav-menu a {
    color: #ffffff !important;
    transition: color 0.3s ease-in-out;
}

/* Outlined white button state 1 */
.sticky-header-active .header-btn-54325e21 a {
    background-color: transparent !important;
    color: #ffffff !important;
    border: 1px solid #ffffff !important;
    border-radius: 50px !important;
    transition: all 0.3s ease-in-out !important;
}

/* STATE 2: Scrolled (> 80px) */
.sticky-header-active.is-scrolled {
    background-color: #ffffff !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
    height: 80px;
}

/* Swap logos in State 2 */
.sticky-header-active.is-scrolled .logo-white-54325e21 {
    display: none !important;
}
.sticky-header-active.is-scrolled .logo-dark-54325e21 {
    display: block !important;
}

/* Nav text color state 2 */
.sticky-header-active.is-scrolled .elementor-nav-menu a {
    color: #405F8D !important;
}

/* Filled blue button state 2 */
.sticky-header-active.is-scrolled .header-btn-54325e21 a {
    background-color: #405F8D !important;
    color: #ffffff !important;
    border-color: transparent !important;
}

/* Smooth layout safety */
body {
    margin-top: 0 !important;
}