/* Animation pour l'apparition des blocs instruments */
.instrument-card {
    animation: fadeIn 0.6s ease-out;
    transition: transform 0.2s;
}

.instrument-card:hover {
    transform: scale(1.02);
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

/* 1. Effet au survol (devient un peu plus foncé) */
.btn-active:hover {
    background-color: #219150 !important;
    transform: translateY(-4px); /* Le bouton monte de 2 pixels */
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

/* 2. Effet au clic (s'enfonce) */
.btn-active:active {
    transform: translateY(0); /* Revient à sa place */
    transform: scale(0.95);    /* Rétrécit de 5% pour l'effet pression */
    box-shadow: none;
}

/*Div interdit de modifier*/

.modif_instrument {
    /* 1. L'aspect visuel */
    opacity: 0.6;           /* Rend le bloc semi-transparent */
    filter: grayscale(1);   /* Enlève les couleurs (optionnel) */
    
    /* 2. Le blocage technique */
    pointer-events: none;   /* Désactive TOUS les clics, sélections et survols */
    user-select: none;      /* Empêche de sélectionner le texte */
    
    background-color: #f0f0f0 !important; /* Force un fond gris clair */
    cursor: not-allowed;    /* Affiche un signe "interdit" (si pointer-events est actif) */
}


/* Instrument en attente */
.instrument-card.disabled {
    background-color: #ffe6e6 !important;
    opacity: 0.6;
    pointer-events: none;
    filter: saturate(0.5) contrast(0.8);
    cursor: not-allowed;
}