/*
 * Breadcrumbs (WP9; UI-Design-Principles Sec. 5.1). Shown from level 2
 * (Server / survival / Backups). Class schema: gtx-breadcrumbs, gtx-breadcrumbs__item,
 * gtx-breadcrumbs__sep, gtx-breadcrumbs__item[aria-current].
 */

.gtx-breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--gtx-s1);
    list-style: none;
    padding: 0;
    margin: 0 0 var(--gtx-s4);
    font-size: var(--gtx-fs-meta);
    color: var(--gtx-text-dim);
}

.gtx-breadcrumbs__item a {
    color: var(--gtx-text-dim);
}

.gtx-breadcrumbs__item a:hover {
    color: var(--gtx-text);
}

.gtx-breadcrumbs__item[aria-current="page"] {
    color: var(--gtx-text);
    font-weight: 600;
}

.gtx-breadcrumbs__sep {
    color: var(--gtx-line);
}