/* public/css/img-guard.css
   Affiche avec les bonnes couleurs les images brouillées des dossiers
   protégés (mêmes dossiers que FOLDERS dans scripts/scrambleImages.js).
   Les .svg sont brouillés aussi (images intégrées + couleurs). */
img[src*="/img/chat-badges/"],
img[src*="/img/badges/"],
img[src*="/img/playlists/"],
img[src*="/img/badge-legende.png"],
img[src*="/img/badge-melomane.png"],
img[src*="/img/gold_trophy"],
img[src*="/img/silver_trophy"],
img[src*="/img/bronze_trophy"],
img[src*="/img/default-trophy.png"] {
  filter: url(#sc-unscramble);
}

/* Vignettes de l'accueil : home.css leur impose déjà
   `filter: brightness(0.92) saturate(0.95) !important` (ligne ~6064), qui
   remplacerait le nôtre → on combine les deux, en !important aussi (le #login
   rend cette règle prioritaire). Débrouillage EN PREMIER, puis tes effets.
   Seules les images de /img/playlists/ sont concernées : une cover venant
   d'ailleurs (Deezer…) garde la règle de home.css telle quelle. */
#login .pl-card-art img[src*="/img/playlists/"] {
  filter: url(#sc-unscramble) brightness(0.92) saturate(0.95) !important;
}

/* Classement (onglets Records + Niveaux) : classement.css met un drop-shadow
   sur .mini-badge → on combine (débrouillage d'abord, puis l'ombre). */
img.mini-badge[src*="/img/badges/"] {
  filter: url(#sc-unscramble) drop-shadow(rgba(0, 0, 0, 0.6) 0px 0px 4px) !important;
}