/* Final shared header polish: restrained, legible, and consistent across the site. */
@media (min-width: 1180px) {
    body.everklin-transformed .site-header,
    body.everklin-transformed .site-header.is-menu-open,
    body.everklin-transformed .site-header.is-scrolled {
        min-height: 84px !important;
        border-bottom: 1px solid rgba(138, 166, 58, .22) !important;
        background: rgba(255, 255, 255, .96) !important;
        box-shadow: 0 8px 28px rgba(39, 51, 41, .06) !important;
        backdrop-filter: blur(18px) saturate(1.08);
    }

    body.everklin-transformed .site-header::before {
        position: absolute;
        inset: 0 0 auto;
        height: 3px;
        background: linear-gradient(90deg, #718b31, #8aa63a 46%, #d8e0cb);
        content: "";
    }

    body.everklin-transformed .site-header .header-main {
        grid-template-columns: 184px minmax(0, 1fr) auto !important;
        min-height: 83px !important;
        gap: clamp(18px, 2vw, 34px) !important;
    }

    body.everklin-transformed .site-header .brand-logo {
        width: 168px !important;
        max-height: 66px !important;
        filter: none !important;
        transition: transform 180ms ease;
    }

    body.everklin-transformed .site-header .brand:hover .brand-logo {
        transform: translateY(-1px);
    }

    body.everklin-transformed .site-header .nav-list {
        gap: clamp(3px, .55vw, 9px) !important;
    }

    body.everklin-transformed .site-header .nav-item {
        position: static !important;
        min-height: 44px;
        gap: 0 !important;
        border: 1px solid transparent;
        border-radius: 6px;
        transition: border-color 170ms ease, background 170ms ease, box-shadow 170ms ease;
    }

    body.everklin-transformed .site-header .nav-item:is(:hover, .is-open, .is-hover-open) {
        border-color: #d8e0cb;
        background: #f1f4e7;
        box-shadow: 0 7px 18px rgba(39, 51, 41, .05);
    }

    body.everklin-transformed .site-header .nav-item.is-current-section {
        border-color: rgba(138, 166, 58, .42);
        background: #f1f4e7;
    }

    /* When another menu is being explored, retain the route underline but
       remove its filled state so the header never presents two selected tabs. */
    body.everklin-transformed .site-header .nav-list:has(.nav-item:is(:hover, .is-open, .is-hover-open))
        .nav-item.is-current-section:not(:is(:hover, .is-open, .is-hover-open)) {
        border-color: transparent;
        background: transparent;
        box-shadow: none;
    }

    body.everklin-transformed .site-header .nav-list:has(.nav-item:is(:hover, .is-open, .is-hover-open))
        .nav-item.is-current-section:not(:is(:hover, .is-open, .is-hover-open)) > .nav-link::after {
        opacity: 0 !important;
        transform: scaleX(.4) !important;
    }

    body.everklin-transformed .site-header .nav-link,
    body.everklin-transformed .site-header .nav-list > .nav-item > a {
        min-height: 42px !important;
        padding: 0 4px 0 13px !important;
        color: #273329 !important;
        font-size: 12.5px !important;
        font-weight: 720 !important;
        text-shadow: none !important;
    }

    body.everklin-transformed .site-header .nav-link::after {
        right: 9px !important;
        bottom: 5px !important;
        left: 13px !important;
        height: 2px !important;
        border-radius: 2px;
        background: #8aa63a !important;
    }

    body.everklin-transformed .site-header .nav-list > .nav-item > .nav-arrow {
        width: 30px !important;
        height: 42px !important;
        min-height: 42px !important;
        color: #718b31 !important;
        text-shadow: none !important;
    }

    body.everklin-transformed .site-header .header-actions {
        gap: 8px !important;
    }

    body.everklin-transformed .site-header .header-search {
        width: 44px !important;
        height: 44px !important;
        border-color: #d8e0cb !important;
        border-radius: 6px !important;
        background: #fff !important;
        box-shadow: 0 5px 15px rgba(39, 51, 41, .04);
    }

    body.everklin-transformed .site-header .header-search:is(:hover, :focus-visible) {
        color: #718b31 !important;
        border-color: #8aa63a !important;
        background: #f1f4e7 !important;
    }

    body.everklin-transformed .site-header .header-contact {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 auto;
        min-height: 44px;
        padding: 0 11px !important;
        line-height: 1.25;
        border-radius: 6px;
        transition: color 170ms ease, background 170ms ease;
    }

    body.everklin-transformed .site-header .header-contact:is(:hover, :focus-visible) {
        color: #718b31 !important;
        background: #f1f4e7;
    }

    body.everklin-transformed .site-header .header-technical-cta {
        min-height: 44px !important;
        padding: 0 17px !important;
        gap: 9px;
        color: #fff !important;
        border-color: #718b31 !important;
        border-radius: 6px !important;
        background: #718b31 !important;
        box-shadow: 0 10px 22px rgba(113, 139, 49, .18);
        transition: background 170ms ease, border-color 170ms ease, box-shadow 170ms ease, transform 170ms ease;
    }

    body.everklin-transformed .site-header .header-technical-cta::after {
        font-size: 15px;
        content: "\2192";
    }

    body.everklin-transformed .site-header .header-technical-cta:is(:hover, :focus-visible) {
        color: #fff !important;
        border-color: #5f7629 !important;
        background: #5f7629 !important;
        box-shadow: 0 14px 28px rgba(113, 139, 49, .24);
        transform: translateY(-1px);
    }

    body.everklin-transformed .site-header .mega-menu.ek-mega {
        top: 84px !important;
        overflow: hidden !important;
        border: 1px solid #d8e0cb !important;
        border-top: 3px solid #8aa63a !important;
        border-radius: 0 0 8px 8px !important;
        background: #fff !important;
        box-shadow: 0 30px 72px rgba(39, 51, 41, .18) !important;
    }

    body.everklin-transformed .site-header .ek-mega__zone,
    body.everklin-transformed .site-header .ek-mega__groups {
        background: #fff !important;
    }

    body.everklin-transformed .site-header .ek-mega__zone,
    body.everklin-transformed .site-header .ek-mega__groups {
        padding: 26px !important;
    }

    body.everklin-transformed .site-header .ek-mega__eyebrow {
        margin-bottom: 14px !important;
        color: #718b31 !important;
        font-size: 10px !important;
        letter-spacing: 0 !important;
    }

    body.everklin-transformed .site-header .ek-business-link {
        min-height: 58px;
        padding: 9px 38px 9px 13px;
        border: 1px solid transparent;
        border-left: 3px solid transparent;
        border-radius: 4px;
    }

    body.everklin-transformed .site-header .ek-business-link:is(:hover, :focus-visible, .is-preview, .is-current) {
        border-color: #d8e0cb;
        border-left-color: #8aa63a;
        background: #f1f4e7 !important;
    }

    body.everklin-transformed .site-header :is(.ek-programme-list, .ek-mega__group) a {
        min-height: 42px;
        padding: 8px 10px !important;
        border-bottom-color: #e5eadc;
        border-radius: 3px;
    }

    body.everklin-transformed .site-header :is(.ek-programme-list, .ek-mega__group) a:is(:hover, :focus-visible) {
        color: #273329 !important;
        background: #f1f4e7 !important;
    }

    body.everklin-transformed .site-header .ek-mega__context {
        padding: 30px !important;
        background: linear-gradient(145deg, #edf3d8, #e3ebc8) !important;
    }

    body.everklin-transformed .site-header .ek-mega__context h2 {
        max-width: 230px;
        color: #273329 !important;
        font-size: 25px !important;
    }

    body.everklin-transformed .site-header .ek-mega__primary {
        color: #fff !important;
        background: #718b31 !important;
    }

    body.everklin-transformed .site-header .ek-mega__all {
        margin-top: 14px;
        padding-top: 16px;
    }
}

@media (max-width: 1179px) {
    body.everklin-transformed .site-header,
    body.everklin-transformed .site-header.is-menu-open,
    body.everklin-transformed .site-header.is-scrolled {
        border-bottom: 1px solid #d8e0cb !important;
        background: rgba(255, 255, 255, .97) !important;
        box-shadow: 0 8px 24px rgba(39, 51, 41, .06) !important;
        backdrop-filter: blur(18px);
    }

    body.everklin-transformed .site-header .mobile-drawer {
        padding-top: 16px !important;
        background: #f7f8f2 !important;
    }

    body.everklin-transformed .site-header .mobile-nav > details,
    body.everklin-transformed .site-header .mobile-contact-link {
        overflow: hidden;
        border-color: #d8e0cb !important;
        border-radius: 6px !important;
        box-shadow: 0 6px 18px rgba(39, 51, 41, .035);
    }

    body.everklin-transformed .site-header .mobile-nav > details[open],
    body.everklin-transformed .site-header .mobile-nav > details.is-current-section {
        border-color: rgba(138, 166, 58, .55) !important;
    }

    body.everklin-transformed .site-header .mobile-nav > details[open] > summary,
    body.everklin-transformed .site-header .mobile-nav > details.is-current-section > summary {
        color: #273329 !important;
        background: #edf3d8 !important;
    }

    body.everklin-transformed .site-header .mobile-submenu {
        border-top-color: #d8e0cb !important;
    }

    body.everklin-transformed .site-header .mobile-technical-cta {
        color: #fff !important;
        border-radius: 6px !important;
        background: #718b31 !important;
    }
}
