/* ============================================================================
 * breadcrumb.css — global breadcrumb styling, shared by every page.
 * Authored by Hehocom — https://hehocom.fr
 *
 * Builds on Bootstrap/Hummingbird's stock `.breadcrumb` so the page-level
 * chrome (light-grey strip, container width, font) stays untouched. We only
 * add three behaviours:
 *   1. Single-line: items never wrap.
 *   2. Horizontal scroll on overflow (scrollbar hidden), so long trails
 *      stay readable on narrow viewports without breaking the layout.
 *   3. Last item bold, marking the current page.
 *   4. Separator switched from the Bootstrap default "/" to ">".
 * ========================================================================== */

.hc-breadcrumb-container {
    padding-inline: 1.25rem;
}

nav.breadcrumb__wrapper ol.breadcrumb {
    --bs-breadcrumb-divider: ">";   /* overrides Bootstrap's default "/" */
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    scrollbar-width: none;          /* Firefox */
    -ms-overflow-style: none;       /* old Edge / IE */
}

nav.breadcrumb__wrapper ol.breadcrumb::-webkit-scrollbar {
    display: none;                  /* Chromium / Safari */
}

nav.breadcrumb__wrapper ol.breadcrumb .breadcrumb-item {
    flex-shrink: 0;
    color: var(--heho-color-text);
}

/* Items + their inner link/span: black by default, primary on hover. */
nav.breadcrumb__wrapper ol.breadcrumb .breadcrumb-item,
nav.breadcrumb__wrapper ol.breadcrumb .breadcrumb-item a,
nav.breadcrumb__wrapper ol.breadcrumb .breadcrumb-item a span,
nav.breadcrumb__wrapper ol.breadcrumb .breadcrumb-item > span {
    color: var(--heho-color-text);
    text-decoration: none;
    transition: color var(--heho-transition-fast);
}

nav.breadcrumb__wrapper ol.breadcrumb .breadcrumb-item a:hover,
nav.breadcrumb__wrapper ol.breadcrumb .breadcrumb-item a:hover span {
    color: var(--heho-color-primary);
}

nav.breadcrumb__wrapper ol.breadcrumb .breadcrumb-item:last-child,
nav.breadcrumb__wrapper ol.breadcrumb .breadcrumb-item:last-child > span {
    font-weight: var(--heho-font-weight-bold);
}