/* SE-F 12 S 4 — visible breadcrumb styling. Uses tenant design tokens (no hard-coded colours);
   falls back to neutral values when a tenant stylesheet doesn't define them. */
.aw-breadcrumbs {
    background: var(--surface-color, transparent);
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
}

.aw-breadcrumbs__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.25rem;
}

.aw-breadcrumbs__item {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

.aw-breadcrumbs__link {
    color: var(--primary-color, #b3001b);
    text-decoration: none;
}

.aw-breadcrumbs__link:hover,
.aw-breadcrumbs__link:focus {
    text-decoration: underline;
}

.aw-breadcrumbs__sep {
    color: var(--on-background-color, #555);
    opacity: 0.6;
}

.aw-breadcrumbs__current {
    color: var(--on-background-color, #222);
    font-weight: 600;
}