/*
 * Breadcrumb — required on every page but the home page (§ 1 of the specifications).
 *
 * The maquettes do not draw it, so it follows the type scale of the design system: a caption-sized
 * trail whose last item is the current page and carries no link.
 */

.mo-breadcrumb {
    font-size: var(--mo-font-size-body-sm);
    line-height: var(--mo-line-height-body-sm);
}

.mo-breadcrumb__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--mo-spacing-xxs);
    margin: 0;
    padding: 0;
    list-style: none;
}

.mo-breadcrumb__item {
    display: flex;
    align-items: center;
    gap: var(--mo-spacing-xxs);
    color: var(--mo-text-placeholder);
}

.mo-breadcrumb__link {
    color: var(--mo-text-action);
    text-decoration: none;
}

.mo-breadcrumb__link:hover,
.mo-breadcrumb__link:focus-visible {
    color: var(--mo-text-action-hover);
}

/* Step of the trail that is not a page: a menu entry opening a sub-menu. */
.mo-breadcrumb__parent {
    color: var(--mo-text-placeholder);
}

.mo-breadcrumb__separator {
    width: var(--mo-scale-200);
    height: var(--mo-scale-200);
}

.mo-breadcrumb__current {
    color: var(--mo-text-heading);
    font-weight: var(--mo-font-weight-semibold);
}