/* Extra account control stays hidden below the desktop breakpoint. */
.child-nav-auth { display: none; }

@media (min-width: 992px) {
    /* Only replace the top navigation's guest links; keep search/user menus. */
    body.child-desktop-nav-auth .header .navbar-collapse > .navbar-right.navbar-text,
    body.child-desktop-nav-auth .header .navbar-collapse > .navbar-right > .list-inline > li:has(> .signin-loader) {
        display: none;
    }

    body.child-desktop-nav-auth .header .navbar-collapse .child-nav-auth {
        display: inline-flex;
        flex: 0 0 auto;
        align-items: center;
        justify-content: center;
        gap: 4px;
        height: 32px;
        padding: 0 10px;
        margin-left: 10px;
        border: 0;
        box-shadow: none;
        cursor: pointer;
        font-family: inherit;
        background: var(--theme-color, #f04494);
        border-radius: 5px;
        color: #fff;
        font-size: 12px;
        font-weight: 400;
        line-height: 1;
        white-space: nowrap;
        order: 100;
    }

    body.child-desktop-nav-auth .header .navbar-collapse .child-nav-auth:hover { opacity: .8; }
    body.child-desktop-nav-auth .header .navbar-collapse .child-nav-auth:focus-visible {
        outline: 2px solid currentColor;
        outline-offset: 3px;
    }
    .child-nav-auth-divider { opacity: .75; }

    /* Reuse the existing toggle, including its handler, state and visibility.
       Flex order is scoped to desktop; mobile menus and floating tools stay native. */
    body.child-desktop-nav-auth .header .navbar-collapse > .navbar-right:has(> .child-nav-auth) > .toggle-theme { order: 101; margin-left: 10px; }
    body.child-desktop-nav-auth.child-nav-theme-left .header .navbar-collapse > .navbar-right:has(> .child-nav-auth) > .toggle-theme { order: 99; margin-left: 0; }
}