/* DNY Header Scroll Contrast — 2026-10-01
   Smooth synchronized contrast state inspired by the Altıpatlar header behavior. */

#masthead .elementor-element-3ae6e686.header-absolute {
    transition:
        background-color 0.55s cubic-bezier(0.22, 1, 0.36, 1),
        border-color 0.55s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.55s cubic-bezier(0.22, 1, 0.36, 1),
        backdrop-filter 0.55s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: background-color, border-color;
}

#masthead .elementor-element-3d4340b9 .hfe-site-logo-img {
    transition:
        filter 0.55s cubic-bezier(0.22, 1, 0.36, 1),
        opacity 0.55s cubic-bezier(0.22, 1, 0.36, 1) !important;
    will-change: filter;
}

#masthead .elementor-element-e722053 .main-navigation ul.menu > li.menu-item > a,
#masthead .elementor-element-e722053 .main-navigation ul.nav-menu > li.menu-item > a,
#masthead .elementor-element-65ff6f95 .elementor-icon,
#masthead .elementor-element-65ff6f95 .elementor-icon-box-title,
#masthead .elementor-element-65ff6f95 .elementor-icon-box-title a,
#masthead .elementor-element-65ff6f95 .elementor-icon-box-description,
#masthead .elementor-element-e27b232 .elementor-button,
#masthead .elementor-element-3917987 .menu-mobile-nav-button .antra-icon > span {
    transition:
        color 0.55s cubic-bezier(0.22, 1, 0.36, 1),
        fill 0.55s cubic-bezier(0.22, 1, 0.36, 1),
        background-color 0.55s cubic-bezier(0.22, 1, 0.36, 1),
        border-color 0.55s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.22s ease !important;
}

body.dny-header-scrolled #masthead .elementor-element-3ae6e686.header-absolute {
    position: fixed !important;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    z-index: 9997;
    --padding-top: 8px !important;
    --padding-bottom: 8px !important;
    min-height: 0 !important;
    background-color: rgba(255, 255, 255, 0.985) !important;
    border-bottom: 1px solid #E3E3E8 !important;
    -webkit-backdrop-filter: blur(12px) saturate(115%);
    backdrop-filter: blur(12px) saturate(115%);
    box-shadow: none !important;
}

/* The existing white logo stays in place; filter animates it to true black
   in the exact same state/timing as the white header background. */
body.dny-header-scrolled #masthead .elementor-element-3d4340b9 .hfe-site-logo-img {
    width: 156px !important;
    max-width: 156px !important;
    height: auto !important;
    -webkit-filter: brightness(0) saturate(100%) !important;
    filter: brightness(0) saturate(100%) !important;
}

body.dny-header-scrolled #masthead .elementor-element-e722053 .main-navigation ul.menu > li.menu-item > a,
body.dny-header-scrolled #masthead .elementor-element-e722053 .main-navigation ul.nav-menu > li.menu-item > a {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    color: #1C1C1D !important;
}

/* Hover/current state intentionally inherits the same scrolled charcoal color.
   No active-page gold highlight and no pointer color reaction. */
body.dny-header-scrolled #masthead .elementor-element-e722053 .main-navigation ul.menu > li.menu-item:hover > a,
body.dny-header-scrolled #masthead .elementor-element-e722053 .main-navigation ul.menu > li.menu-item:focus-within > a,
body.dny-header-scrolled #masthead .elementor-element-e722053 .main-navigation ul.nav-menu > li.menu-item:hover > a,
body.dny-header-scrolled #masthead .elementor-element-e722053 .main-navigation ul.nav-menu > li.menu-item:focus-within > a,
body.dny-header-scrolled #masthead .elementor-element-e722053 .main-navigation ul.menu > li.current-menu-item > a,
body.dny-header-scrolled #masthead .elementor-element-e722053 .main-navigation ul.menu > li.current-menu-parent > a,
body.dny-header-scrolled #masthead .elementor-element-e722053 .main-navigation ul.menu > li.current-menu-ancestor > a,
body.dny-header-scrolled #masthead .elementor-element-e722053 .main-navigation ul.nav-menu > li.current-menu-item > a,
body.dny-header-scrolled #masthead .elementor-element-e722053 .main-navigation ul.nav-menu > li.current-menu-parent > a,
body.dny-header-scrolled #masthead .elementor-element-e722053 .main-navigation ul.nav-menu > li.current-menu-ancestor > a {
    color: #1C1C1D !important;
}

body.dny-header-scrolled #masthead .elementor-element-65ff6f95 .elementor-icon,
body.dny-header-scrolled #masthead .elementor-element-65ff6f95 .elementor-icon-box-title,
body.dny-header-scrolled #masthead .elementor-element-65ff6f95 .elementor-icon-box-title a,
body.dny-header-scrolled #masthead .elementor-element-65ff6f95 .elementor-icon-box-description {
    color: #1C1C1D !important;
    fill: #1C1C1D !important;
    border-color: #1C1C1D !important;
}

body.dny-header-scrolled #masthead .elementor-element-e27b232 .elementor-button {
    background-color: #1C1C1D !important;
    border-color: #1C1C1D !important;
    color: #FFFFFF !important;
}

body.dny-header-scrolled #masthead .elementor-element-e27b232 .elementor-button:hover,
body.dny-header-scrolled #masthead .elementor-element-e27b232 .elementor-button:focus {
    background-color: #1C1C1D !important;
    border-color: #1C1C1D !important;
    color: #FFFFFF !important;
}

body.dny-header-scrolled #masthead .elementor-element-3917987 .menu-mobile-nav-button .antra-icon > span {
    background-color: #1C1C1D !important;
}

body.admin-bar.dny-header-scrolled #masthead .elementor-element-3ae6e686.header-absolute {
    top: 32px;
}

@media (max-width: 782px) {
    body.admin-bar.dny-header-scrolled #masthead .elementor-element-3ae6e686.header-absolute {
        top: 46px;
    }
}

@media (prefers-reduced-motion: reduce) {
    #masthead .elementor-element-3ae6e686.header-absolute,
    #masthead .elementor-element-3d4340b9 .hfe-site-logo-img,
    #masthead .elementor-element-e722053 .main-navigation ul.menu > li.menu-item > a,
    #masthead .elementor-element-e722053 .main-navigation ul.nav-menu > li.menu-item > a,
    #masthead .elementor-element-65ff6f95 .elementor-icon,
    #masthead .elementor-element-65ff6f95 .elementor-icon-box-title,
    #masthead .elementor-element-65ff6f95 .elementor-icon-box-title a,
    #masthead .elementor-element-65ff6f95 .elementor-icon-box-description,
    #masthead .elementor-element-e27b232 .elementor-button,
    #masthead .elementor-element-3917987 .menu-mobile-nav-button .antra-icon > span {
        transition-duration: 0.01ms !important;
    }
}