/**
 * breadcrumb.css — Fil d'Ariane
 */

/* -------------------------
   Nav
------------------------- */
.breadcrumb {
    padding-inline: var(--section-padding-x);;
    margin-inline: auto;
    background-color: var(--color-bg);
    padding-bottom: 5px;
}

/* -------------------------
   Liste
------------------------- */
.breadcrumb__list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0;
}

/* -------------------------
   Items + séparateur
------------------------- */
.breadcrumb__list li {
    font-family: var(--font-secondary);
    font-size: var(--font-size-sm);
    color: var(--color-gray-dark);
}

.breadcrumb__list li + li::before {
    content: ">";
    margin-inline: 8px;
    color: var(--color-silver);
}

/* -------------------------
   Liens
------------------------- */
.breadcrumb__list a {
    color: var(--color-gray-dark);
    text-decoration: none;
    transition: color var(--transition-fast);
}

.breadcrumb__list a:hover {
    color: var(--color-black);
}

/* -------------------------
   Page courante
------------------------- */
.breadcrumb__list li[aria-current="page"] {
    color: var(--color-black);
}

/* -------------------------
   Variante fond noir (références)
------------------------- */
body.has-dark-bg .breadcrumb {
    background-color: var(--color-black);
    padding-top: 5px;
}

body.has-dark-bg .breadcrumb__list li {
    color: var(--color-silver);
}

body.has-dark-bg .breadcrumb__list li + li::before {
    color: var(--color-gray-dark);
}

body.has-dark-bg .breadcrumb__list a {
    color: var(--color-silver);
}

body.has-dark-bg .breadcrumb__list a:hover {
    color: var(--color-white);
}

body.has-dark-bg .breadcrumb__list li[aria-current="page"] {
    color: var(--color-white);
}