/* assets/css/app_legacy.css */

@import url('reset.css'); 
@import url('jquery_ui.css');
@import url('index.css'); 
@import url('buttons.css');
@import url('forms.css');
@import url('tables.css');
@import url('helpers.css');
@import url('dashboard.css');
@import url('calendrier.css');
@import url('badges.css');
@import url('messagerie.css');
@import url('campagne.css');
@import url('asile.css');
@import url('contenu.css');
@import url('revenus.css');
@import url('taxonomy.css');


nav.breadcrumb-container {
    background-color:white;
    padding-top:15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: 0; /* Padding géré par le container */
    margin: 0;
    list-style: none;
    /* On centre le fil d'Ariane dans le conteneur principal du site */
    max-width: 1200px; /* Adaptez à la largeur de votre .container */
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px; /* Adaptez au padding de votre .container */
    padding-right: 15px; /* Adaptez au padding de votre .container */
    padding-bottom:10px;
    border-bottom:2px solid #138496;
    margin-bottom:15px; 
}

.breadcrumb-item {
    display: flex;
    align-items: center;
    font-size: 0.85rem;
    color: #6c757d; /* Couleur du texte secondaire */
}

.breadcrumb-item + .breadcrumb-item::before {
    content: '›'; /* Utilisation d'un chevron plus élégant */
    display: inline-block;
    padding: 0 0.6rem;
    color: #adb5bd; /* Couleur du séparateur */
    font-weight: 600;
}

.breadcrumb-item a {
    color: var(--color-primary, #007bff); /* Utilise la variable CSS de couleur primaire */
    text-decoration: none;
    transition: color 0.2s ease;
}

.breadcrumb-item a:hover {
    text-decoration: underline;
    color: #0056b3; /* Une teinte plus foncée de la couleur primaire */
}

.breadcrumb-item.active {
    color: var(--color-text-primary, #343a40);
    font-weight: 600;
    pointer-events: none; /* Empêche le clic sur l'élément actif */
}