:root {
    --gbx-header-nav-weight: 500;
    --gbx-header-action-weight: 500;
    --gbx-header-account-weight: 500;
    --gbx-header-mobile-action-weight: 600;
    --gbx-header-nav-hover-color: #a7f3d0;
    --gbx-header-nav-accent: #10b981;
}

.site-header .site-menu a {
    font-weight: var(--gbx-header-nav-weight) !important;
    letter-spacing: 0;
}

.grenbee-landing-header__nav a {
    position: relative;
    display: inline-flex;
    align-items: center;
    color: rgba(255, 255, 255, 0.84);
    font-size: 0.875rem;
    font-weight: var(--gbx-header-nav-weight) !important;
    letter-spacing: 0.01em;
    padding-block: 4px;
    text-decoration: none;
    transition: color 0.2s ease;
}

.grenbee-landing-header__nav a::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%;
    bottom: -2px;
    height: 2px;
    border-radius: 999px;
    background: var(--green, var(--gbx-header-nav-accent));
    transition: right 0.25s ease;
}

.grenbee-landing-header__nav a:hover,
.grenbee-landing-header__nav a:focus-visible,
.grenbee-landing-header__nav a[aria-current="page"],
.grenbee-landing-header__nav a.is-active {
    color: #ffffff;
}

.grenbee-landing-header__nav a:hover::after,
.grenbee-landing-header__nav a:focus-visible::after,
.grenbee-landing-header__nav a[aria-current="page"]::after,
.grenbee-landing-header__nav a.is-active::after {
    right: 0;
}

.site-header .site-header-auth-link,
.site-header .site-header-language-switcher .gk-language-switcher__link,
.site-mobile-drawer .site-header-auth-link {
    font-weight: var(--gbx-header-action-weight) !important;
}

.site-header .site-header-account-summary__text,
.site-mobile-drawer .site-header-account-summary__text {
    font-weight: var(--gbx-header-account-weight) !important;
}

@media (max-width: 768px) {
    .site-mobile-drawer__actions .site-header-auth-link {
        font-weight: var(--gbx-header-mobile-action-weight) !important;
    }
}
