/*------------ CSS GLOBAL POUR TOUT LA CODEBASE -- non critique  ------------*/

/* Icônes en état d'interaction (hover/focus/active) : suivent la couleur de hover du bouton */
.btn.am-tile:hover i,
.btn.am-tile:focus i,
.btn.am-tile:active i {
    color: var(--bs-btn-hover-color) !important;
}

/*  Lisibilité garantie pour btn-outline-dark au survol/focus :
   fond et bordure noirs, texte en blanc */
.btn-outline-dark:hover,
.btn-outline-dark:focus {
    background-color: var(--bs-dark) !important;
    border-color: var(--bs-dark) !important;
    color: #fff !important;
}

/*  Icônes et petits libellés en blanc au hover de btn-outline-dark */
.btn-outline-dark:hover i,
.btn-outline-dark:hover small {
    color: #fff !important;
}


.btn[class*="btn-outline-"]:hover i,
.btn[class*="btn-outline-"]:hover svg,
.btn[class*="btn-outline-"]:focus i,
.btn[class*="btn-outline-"]:focus svg,
.btn[class*="btn-outline-"]:active i,
.btn[class*="btn-outline-"]:active svg {
    color: var(--bs-btn-hover-color) !important;
}