/* D35 Breadcrumb — Pfad-Navigation aus der nativen Seiten-Hierarchie */

.d35-breadcrumb {
    font-size: 0.875rem;
    line-height: 1.4;
}

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

.d35-breadcrumb__item {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem 0.5rem;
    color: var(--d35-color-text, #1a1a1a);
}

/* Trenner vor jedem Item außer dem ersten */
.d35-breadcrumb__item + .d35-breadcrumb__item::before {
    content: "/";
    color: var(--d35-color-border, #c9c9c9);
    user-select: none;
}

.d35-breadcrumb__link {
    color: inherit;
    text-decoration: none;
    opacity: 0.75;
    transition: opacity 0.15s ease, color 0.15s ease;
}

.d35-breadcrumb__link:hover,
.d35-breadcrumb__link:focus-visible {
    opacity: 1;
    color: var(--d35-color-primary, #0a58ca);
    text-decoration: underline;
}

.d35-breadcrumb__current {
    font-weight: 600;
}

/* Im Secondary-Hero-Eyebrow: Größe, Farbe (currentColor) und Font der
   übergeordneten Preheading durchgängig erben — der Hero ist dunkel, also muss
   der Pfad die helle Preheading-Farbe übernehmen statt der Standard-Textfarbe. */
.d35-breadcrumb--hero,
.d35-breadcrumb--hero .d35-breadcrumb__item {
    color: inherit;
    font-size: inherit;
    font-family: inherit;
}

.d35-breadcrumb--hero .d35-breadcrumb__item + .d35-breadcrumb__item::before {
    color: inherit;
    opacity: 0.55;
}

.d35-breadcrumb--hero .d35-breadcrumb__link,
.d35-breadcrumb--hero .d35-breadcrumb__current {
    color: inherit;
    font-weight: inherit;
}

.d35-breadcrumb--hero .d35-breadcrumb__link {
    opacity: 0.8;
}

.d35-breadcrumb--hero .d35-breadcrumb__link:hover,
.d35-breadcrumb--hero .d35-breadcrumb__link:focus-visible {
    color: inherit;
    opacity: 1;
    text-decoration: underline;
}