/*
 * The network bar of the Gnome Archiviste sites, on the tokens of phil-ux: thin, neutral, on one line that scrolls
 * sideways when the screen is too narrow. Load it after phil-ux: its layer then comes after those of phil-ux.
 */
@layer gnome-archiviste {
    .gaNetworkBar {
        display: flex;
        align-items: center;
        gap: var(--phil-space-md);
        padding-inline: var(--phil-space-md);
        border-block-end: var(--phil-border-sm) solid var(--phil-color-border);
        background-color: var(--phil-color-surface-raised);
        color: var(--phil-color-text-muted);
    }

    .gaNetworkBar a {
        min-block-size: var(--phil-control-sm);
        color: inherit;
        text-decoration: none;
        white-space: nowrap;
    }

    .gaNetworkBar a:hover {
        text-decoration: underline;
    }

    .gaNetworkBar a[aria-current]:not([aria-current="false"]) {
        color: var(--phil-color-text);
    }

    .gaNetworkBarHome {
        font-weight: var(--phil-weight-bold);
    }

    .gaNetworkBarSites {
        flex: 1 1 auto;
        flex-wrap: nowrap;
        min-inline-size: 0;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .gaNetworkBarAccount {
        margin-inline-start: auto;
    }
}