/* =============================================================================
   Module: page-header  (modules/page-header.php)
   Includes the breadcrumb trail rendered inside it.
   ============================================================================= */

.page-header {
    background-color: var(--color-surface-alt);
    padding-block: var(--space-lg);
}

.page-header__title {
    margin-block-start: var(--space-2xs);
}

.page-header__subtitle {
    margin-block-start: var(--space-2xs);
    color: var(--color-text-muted);
    font-size: var(--font-size-lead);
    max-width: var(--width-slim);
}

/* --- Breadcrumbs ----------------------------------------------------------- */
.breadcrumbs__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-2xs);
    font-size: var(--font-size-sm);
    color: var(--color-text-muted);
}

.breadcrumbs__item + .breadcrumbs__item::before {
    content: '/';
    margin-inline-end: var(--space-2xs);
    color: var(--color-line);
}

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

.breadcrumbs__link:hover {
    color: var(--color-primary);
    text-decoration: underline;
}

/* A menu heading in the trail: shown for orientation, but not a link. */
.breadcrumbs__heading {
    color: var(--color-text-muted);
}

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