/* Local overrides for the static snapshot */

/* === Sticky nav: frosted-glass dark bar ===================================
   The original Elementor nav menu is configured "sticky on scroll" but the
   white background lives on a parent section that does NOT stick. So when
   the menu sticks alone, it floats with no background. We give it a
   full-width frosted background via a pseudo-element, then flip the link
   colors so dark-on-white becomes white-on-dark while sticky. */

.elementor-widget-nav-menu.elementor-sticky.elementor-sticky--active {
    position: fixed;
}

.elementor-widget-nav-menu.elementor-sticky.elementor-sticky--active::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -100vw;
    right: -100vw;
    background-color: rgba(13, 17, 23, 0.65);
    backdrop-filter: blur(14px) saturate(160%);
    -webkit-backdrop-filter: blur(14px) saturate(160%);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    z-index: -1;
    pointer-events: none;
}

.elementor-widget-nav-menu.elementor-sticky.elementor-sticky--active .elementor-widget-container {
    padding-top: 4px;
    padding-bottom: 4px;
}

/* Menu links: white on dark while sticky */
.elementor-widget-nav-menu.elementor-sticky.elementor-sticky--active .elementor-nav-menu .elementor-item,
.elementor-widget-nav-menu.elementor-sticky.elementor-sticky--active .elementor-nav-menu--main .elementor-item {
    color: #ffffff !important;
    fill: #ffffff !important;
    transition: color 0.2s ease;
}

.elementor-widget-nav-menu.elementor-sticky.elementor-sticky--active .elementor-nav-menu .elementor-item:hover,
.elementor-widget-nav-menu.elementor-sticky.elementor-sticky--active .elementor-nav-menu .elementor-item:focus,
.elementor-widget-nav-menu.elementor-sticky.elementor-sticky--active .elementor-nav-menu .elementor-item.elementor-item-active {
    color: #9ad14b !important;
}

/* Active-page underline stays the brand green */
.elementor-widget-nav-menu.elementor-sticky.elementor-sticky--active .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after {
    background-color: #9ad14b !important;
}