/* ═══════════════════════════════════════════════════════════
   SIPAV — public/css/scc-badge.css
   Description : Animation du badge Score de Confiance Composite
   ═══════════════════════════════════════════════════════════ */

/* Badge de base */
.scc-badge {
    transition: transform 0.3s ease;
}
.scc-badge:hover {
    transform: scale(1.03);
}

/* Animation d'apparition au chargement (GSAP la complétera) */
@keyframes scc-pop {
    0%   { opacity: 0; transform: scale(0.5) rotate(-12deg); }
    60%  { opacity: 1; transform: scale(1.1) rotate(4deg); }
    100% { opacity: 1; transform: scale(1) rotate(0); }
}
.scc-badge { animation: scc-pop 0.7s cubic-bezier(0.34, 1.56, 0.64, 1) both; }

/* Pulsation continue sur le cercle confirmed */
@keyframes scc-pulse-confirmed {
    0%, 100% { box-shadow: 0 0 0 4px rgba(27, 122, 67, 0.2), 0 8px 24px rgba(0,0,0,0.15); }
    50%      { box-shadow: 0 0 0 12px rgba(27, 122, 67, 0.05), 0 8px 24px rgba(0,0,0,0.15); }
}
.scc-confirmed > div:first-child {
    animation: scc-pulse-confirmed 2.5s ease-in-out infinite;
}

/* Vibration discrète pour les statuts critiques */
@keyframes scc-shake {
    0%, 100% { transform: translateX(0); }
    25%      { transform: translateX(-2px); }
    75%      { transform: translateX(2px); }
}
.scc-suspect > div:first-child,
.scc-unidentified > div:first-child {
    animation: scc-shake 0.5s ease-in-out 3;
}

/* Variantes visuelles par verdict */
.scc-confirmed    { --scc-color: #1B7A43; }
.scc-probable     { --scc-color: #D4920B; }
.scc-uncertain    { --scc-color: #EA580C; }
.scc-suspect      { --scc-color: #B7312C; }
.scc-unidentified { --scc-color: #1A1A1A; }