/* ============================================================================
   CLARIS — Couleur icône supprimer #f5365c
   ----------------------------------------------------------------------------
   Couvre TOUTES les classes utilisées dans les modules :
     - .deleteCompteBtn       → comptes/index.php (icône panier dans liste)
     - .deleteBtn             → materiels/index.php (icône panier dans liste)
     - .delete-multiple-materiels → materiels/index.php (suppression multiple)
     - .delete-multiple-comptes   → futur usage potentiel
   ----------------------------------------------------------------------------
   ⚠️  SPÉCIFICITÉ ÉLEVÉE OBLIGATOIRE :
   Bootstrap définit `.text-danger { color: #dc3545 !important }` avec
   !important. Pour passer outre, on utilise :
   1. Sélecteurs avec plus de spécificité (a.classe au lieu de .classe)
   2. !important sur tous nos déclarations
   3. Cible aussi les enfants directs (i, span, .ni, .bx)
   ========================================================================= */

/* ─── Liens supprimer (toutes variantes de classes) ─── */
a.deleteCompteBtn,
a.deleteCompteBtn:link,
a.deleteCompteBtn:visited,
a.deleteCompteBtn:hover,
a.deleteCompteBtn:focus,
a.deleteCompteBtn:active,
.deleteCompteBtn,
.deleteCompteBtn:hover,
.deleteCompteBtn:focus,

a.deleteBtn,
a.deleteBtn:link,
a.deleteBtn:visited,
a.deleteBtn:hover,
a.deleteBtn:focus,
a.deleteBtn:active,
.deleteBtn,
.deleteBtn:hover,
.deleteBtn:focus,

a.delete-multiple-materiels,
a.delete-multiple-materiels:link,
a.delete-multiple-materiels:visited,
a.delete-multiple-materiels:hover,
a.delete-multiple-materiels:focus,
a.delete-multiple-materiels:active,
.delete-multiple-materiels,
.delete-multiple-materiels:hover,
.delete-multiple-materiels:focus,

a.delete-multiple-comptes,
a.delete-multiple-comptes:link,
a.delete-multiple-comptes:visited,
a.delete-multiple-comptes:hover,
a.delete-multiple-comptes:focus,
a.delete-multiple-comptes:active,
.delete-multiple-comptes,
.delete-multiple-comptes:hover,
.delete-multiple-comptes:focus {
    color: #f5365c !important;
}

/* ─── Icônes ENFANTS dans ces liens (i.ni-basket, etc.) ─── */
a.deleteCompteBtn i,
a.deleteCompteBtn .ni,
a.deleteCompteBtn .bx,
a.deleteCompteBtn .ni-basket,
a.deleteCompteBtn .icon-zoom,
.deleteCompteBtn i,
.deleteCompteBtn .ni,
.deleteCompteBtn .bx,

a.deleteBtn i,
a.deleteBtn .ni,
a.deleteBtn .bx,
a.deleteBtn .ni-basket,
a.deleteBtn .icon-zoom,
.deleteBtn i,
.deleteBtn .ni,
.deleteBtn .bx,

a.delete-multiple-materiels i,
a.delete-multiple-materiels .ni,
a.delete-multiple-materiels .bx,
.delete-multiple-materiels i,
.delete-multiple-materiels .ni,
.delete-multiple-materiels .bx,

a.delete-multiple-comptes i,
a.delete-multiple-comptes .ni,
a.delete-multiple-comptes .bx,
.delete-multiple-comptes i,
.delete-multiple-comptes .ni,
.delete-multiple-comptes .bx {
    color: #f5365c !important;
}

/* ─── Sécurité supplémentaire : si .text-danger est combiné avec une
       classe delete*, on force aussi #f5365c (Bootstrap met sinon #dc3545) ─── */
a.text-danger.deleteCompteBtn,
a.text-danger.deleteBtn,
a.text-danger.delete-multiple-materiels,
a.text-danger.delete-multiple-comptes,
a.text-danger.deleteCompteBtn i,
a.text-danger.deleteBtn i,
a.text-danger.delete-multiple-materiels i,
a.text-danger.delete-multiple-comptes i {
    color: #f5365c !important;
}

/* ─── Hover : on garde la même couleur (pas plus foncé pour cohérence) ─── */
a.deleteCompteBtn:hover i,
a.deleteCompteBtn:hover .ni,
a.deleteBtn:hover i,
a.deleteBtn:hover .ni,
a.delete-multiple-materiels:hover i,
a.delete-multiple-comptes:hover i {
    color: #f5365c !important;
    opacity: 0.85;
}