.bg-custom-darkgray {
    background-color: #606060 !important;
    color: #ffffff !important;
}

/* classe pour fusionner 2 icônes */
.icon-stack {
    position: relative;
    display: inline-block;
    width: 1.2em;
    height: 1.2em;
}

    .icon-stack .base {
        font-size: 1.2em;
        position: absolute;
        top: 0;
        left: 0;
    }

    .icon-stack .overlay {
        font-size: 0.8em;
        position: absolute;
        top: -0.2em; /* Ajuste la position verticale */
        left: 0.25em; /* Ajuste la position horizontale */
        color: white; /* Pour contraster sur l’archive */
    }

/* Menu déroulant : texte blanc, fond gris foncé */
.navbar .dropdown-menu {
    background-color: #606060;
}

    /* Dropdown items : texte blanc */
    .navbar .dropdown-menu .dropdown-item {
        color: white;
    }

        /* Au survol : fond rouge (#d92a33), texte blanc */
        .navbar .dropdown-menu .dropdown-item:hover,
        .navbar .dropdown-menu .dropdown-item:focus {
            background-color: #d92a33;
            color: white;
        }

    /* Optionnel : transition douce */
    .navbar .dropdown-menu .dropdown-item {
        transition: background-color 0.3s, color 0.3s;
    }