/* ============================================================
   Breadcrumb — fil d'Ariane discret, à insérer manuellement
   sur les pages qui en ont besoin
   ============================================================ */

.breadcrumb-block {
    font-family: var(--primary-font);
    padding: var(--gap-s, 0.75rem) 0;
}

.breadcrumb-block__nav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4em;
    font-size: 0.75rem;
}

.breadcrumb-block__nav__link {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 0.2em;
    transition: opacity 0.2s ease;
}

.breadcrumb-block__nav__link:hover {
    opacity: 0.7;
}

.breadcrumb-block__nav__sep {
    opacity: 0.6;
}

.breadcrumb-block__nav__current {
    font-weight: 600;
}

/* ── Thème foncé (posé sur une bannière sombre) ── */
.breadcrumb-block--dark .breadcrumb-block__nav {
    color: var(--secondary-color, #fff);
    opacity: 0.85;
}

/* ── Thème clair (posé sur fond blanc) ── */
.breadcrumb-block--light .breadcrumb-block__nav {
    color: var(--color-text, #666);
}

/* ── align wide / full ── */
.alignwide.breadcrumb-block,
.alignfull.breadcrumb-block {
    padding-left: max(var(--gap-l), 5vw);
    padding-right: max(var(--gap-l), 5vw);
}