/* --- BREADCRUMB PERSONNALISÉ --- */
/* Conteneur "Pilule de verre" */
.breadcrumb-glass {
    --bs-breadcrumb-divider-color: #c9a961; /* Change la couleur du séparateur Bootstrap */
    --bs-breadcrumb-item-padding-x: 0.8rem; /* Espace un peu les éléments */

    background: rgba(255, 255, 255, 0.08); /* Fond blanc très léger */
    backdrop-filter: blur(10px);           /* Effet de flou derrière */
    -webkit-backdrop-filter: blur(10px);   /* Compatibilité Safari */

    border: 1px solid rgba(255, 255, 255, 0.15); /* Bordure subtile */
    border-radius: 50px;                   /* Forme de pilule */
    padding: 10px 25px;                    /* Espace interne */
    display: inline-flex;                  /* La boite s'adapte au contenu */
    margin-bottom: 0;                      /* Reset marge */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); /* Légère ombre */
    align-items: center;
}

/* Liens (Pages précédentes) */
.breadcrumb-glass .breadcrumb-item a {
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    font-family: 'Manrope', sans-serif;
    font-size: 0.8rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.3s ease;
}

/* Survol des liens */
.breadcrumb-glass .breadcrumb-item a:hover {
    color: #c9a961; /* Devient doré au survol */
}

/* Icône Maison (Home) */
.breadcrumb-glass .breadcrumb-item a i {
    font-size: 0.9rem;
    position: relative;
    top: -1px;
}

/* Page Active (Page actuelle) */
.breadcrumb-glass .breadcrumb-item.active {
    color: #c9a961; /* Doré */
    font-family: 'Manrope', sans-serif;
    font-size: 0.8rem;
    font-weight: 700; /* Plus gras */
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Le Séparateur (Surcharge Bootstrap) */
.breadcrumb-glass .breadcrumb-item + .breadcrumb-item::before {
    /* On peut changer le symbole ici si on veut, par défaut c'est '/' */
    /* content: var(--bs-breadcrumb-divider, "/"); */
    color: var(--bs-breadcrumb-divider-color);
    font-family: 'Font Awesome 7 Free'; /* Astuce pour mettre une icône en séparateur */
    font-weight: 900;
    content: "\f054"; /* Code de la petite flèche (chevron-right) */
    font-size: 0.6rem;
    vertical-align: middle;
    padding-top: 4px; /* Petit ajustement d'alignement */
}