/* Classe cachée pour les sous-dossiers */
.hidden {
    display: none;
}

/* Styles principaux de l'arbre */
.classification-tree {
    padding-left: 20px;
}

.folder-tree, .folder-tree ul {
    list-style: none;
    padding-left: 20px;
    margin: 0;
}

.folder-tree > li {
    margin-bottom: 10px;
}

.folder-node {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.folder-icon {
    margin-right: 8px;
    transition: transform 0.3s ease;
}

.folder-name {
    font-weight: bold;
    color: #3b5d50;
    margin-right: 10px;
}

.btn-view {
    color: #1f3d7a;
    text-decoration: none;
    font-size: 0.8em;
    padding: 5px 10px;
    border-radius: 12px;
    background-color: #f1f1f1;
}

/* Stylisation du texte cliquable */
.taxon-name {
    color: #3b5d50;
    text-decoration: none;
    cursor: pointer;
}

.taxon-name:hover {
    text-decoration: underline;
}

.taxon-description {
    margin-top: 10px;
    font-size: 0.9rem;
    color: #666;
    background-color: #a0bcb1;               /* Couleur discrète pour la description */
}

/* Couleur de pagination */
.pagination .page-link {
    color: #3b5d50;                 /* Couleur du texte des liens de pagination */
}

.pagination .page-link:hover {
    color: #fff;                    /* Couleur du texte au survol */
    background-color: #3b5d50;      /* Couleur de fond au survol */
}

.pagination .page-item.active .page-link {
    background-color: #3b5d50;      /* Couleur de fond pour l'élément actif */
    border-color: #3b5d50;          /* Bordure pour l'élément actif */
    color: #fff;                    /* Couleur du texte pour l'élément actif */
}

.list-group-item > ul {
    margin-left: 20px;
}

.list-group-item > div {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.dropdown-menu-dark {
    background-color: #3b5d50;  
}

.btn-xs {
    padding: .15rem .5rem ;
    font-size: 0.75rem;
}

.btn.btn-arbre {
    background: transparent;
    border-width: 2px;
    color: #3b5d50;
    border-color: #3b5d50; 
}
.btn.btn-arbre:hover {
      border-color: #66af92;
      color: #3b5d50; 
 }