/* Final desktop navigation polish: text navigation instead of pill buttons. */
body.b2sme-nav--top .mod_navigation {
    min-height: 4.75rem;
    padding-block: .5rem;
}

body.b2sme-nav--top .mod_navigation > ul {
    gap: clamp(.9rem, 1.8vw, 1.8rem);
}

body.b2sme-nav--top .mod_navigation a,
body.b2sme-nav--top .mod_navigation strong {
    min-height: auto;
    padding: .85rem 0 .7rem;
    border-radius: 0;
    background: transparent;
    color: var(--b2sme-secondary);
    font-size: .95rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: .01em;
    transform: none;
}

body.b2sme-nav--top .mod_navigation a::after,
body.b2sme-nav--top .mod_navigation strong::after {
    right: 0;
    bottom: .25rem;
    left: 0;
    height: 2px;
    border-radius: 0;
    opacity: 0;
    transform: scaleX(0);
    transform-origin: left center;
}

body.b2sme-nav--top .mod_navigation a:hover {
    background: transparent;
    color: var(--b2sme-primary);
    transform: none;
}

body.b2sme-nav--top .mod_navigation a:hover::after {
    opacity: .45;
    transform: scaleX(1);
}

body.b2sme-nav--top .mod_navigation strong,
body.b2sme-nav--top .mod_navigation .active > a {
    background: transparent;
    color: var(--b2sme-primary);
}

body.b2sme-nav--top .mod_navigation strong::after,
body.b2sme-nav--top .mod_navigation .active > a::after {
    opacity: 1;
    transform: scaleX(1);
}

body.b2sme-nav--top .mod_navigation ul ul {
    top: calc(100% + .15rem);
    right: -.75rem;
    min-width: 14rem;
    gap: 0;
    padding: .5rem;
    border-radius: calc(var(--b2sme-radius) * .75);
}

body.b2sme-nav--top .mod_navigation ul ul a,
body.b2sme-nav--top .mod_navigation ul ul strong {
    padding: .7rem .8rem;
    border-radius: calc(var(--b2sme-radius) * .45);
}

body.b2sme-nav--top .mod_navigation ul ul a::after,
body.b2sme-nav--top .mod_navigation ul ul strong::after {
    display: none;
}

body.b2sme-nav--top .mod_navigation ul ul a:hover,
body.b2sme-nav--top .mod_navigation ul ul strong {
    background: var(--b2sme-surface-soft);
}

@media (max-width: 64rem) {
    body.b2sme-nav--top .mod_navigation > ul {
        gap: .9rem;
    }

    body.b2sme-nav--top .mod_navigation a,
    body.b2sme-nav--top .mod_navigation strong {
        font-size: .9rem;
    }
}

@media (max-width: 64rem) {
    body.b2sme-nav--top .mod_navigation > ul,
    body.b2sme-nav--top .mod_navigation ul {
        gap: .25rem;
    }

    body.b2sme-nav--top .mod_navigation a,
    body.b2sme-nav--top .mod_navigation strong {
        padding: .95rem 0 .95rem 1.25rem;
        color: #fff;
        font-size: clamp(1.4rem, 7vw, 2rem);
        font-weight: 800;
        line-height: 1.15;
    }

    body.b2sme-nav--top .mod_navigation a:hover,
    body.b2sme-nav--top .mod_navigation a:focus-visible,
    body.b2sme-nav--top .mod_navigation strong,
    body.b2sme-nav--top .mod_navigation .active > a {
        color: var(--b2sme-accent);
        background: transparent;
    }

    body.b2sme-nav--top .mod_navigation ul ul a,
    body.b2sme-nav--top .mod_navigation ul ul strong {
        padding-block: .55rem;
        color: color-mix(in srgb, #fff 78%, transparent);
        font-size: 1rem;
        font-weight: 700;
        background: transparent;
    }
}