/* Shared breadcrumbs presentation (coding-standards §3/§4/§12). Backs the one
   <x-platform::breadcrumbs> component every module renders, so there is no per-module breadcrumb
   styling to drift. Design-token-driven and muted; the separators are drawn here (::before on
   non-first items), never in the markup. */

.platform-breadcrumbs {
    margin: 0 0 var(--platform-space-md);
    font-size: var(--platform-font-size-sm);
}

.platform-breadcrumbs__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--platform-space-xs);
    margin: 0;
    padding: 0;
    list-style: none;
}

.platform-breadcrumbs__item {
    display: inline-flex;
    align-items: center;
    gap: var(--platform-space-xs);
    color: var(--platform-color-text-muted);
}

/* The separator: a slash before every item except the first, drawn in CSS so the markup stays clean. */
.platform-breadcrumbs__item:not(:first-child)::before {
    content: "/";
    color: var(--platform-color-text-muted);
}

.platform-breadcrumbs__link {
    color: var(--platform-color-accent);
    text-decoration: none;
}

.platform-breadcrumbs__link:hover {
    text-decoration: underline;
}

.platform-breadcrumbs__current {
    color: var(--platform-color-text-muted);
}