/**
 * Styles spécifiques et animations du jeu « Qui est le GOAT ? »
 */

.player-card {
    transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.2s ease, opacity 0.3s ease, box-shadow 0.25s ease;
}

.player-card:hover {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.5), 0 8px 10px -6px rgba(0, 0, 0, 0.5);
}

.player-card.selected-winner {
    transform: scale(1.04);
    border-color: #4096ee !important;
    box-shadow: 0 0 30px rgba(64, 150, 238, 0.6) !important;
    z-index: 30;
}

.player-card.fade-loser {
    opacity: 0.3;
    transform: scale(0.96);
    filter: grayscale(80%);
}

@keyframes pulseGlow {
    0%, 100% {
        box-shadow: 0 0 15px rgba(64, 150, 238, 0.4);
    }
    50% {
        box-shadow: 0 0 30px rgba(64, 150, 238, 0.8);
    }
}

.champion-card-glow {
    animation: pulseGlow 2.5s infinite ease-in-out;
}

/* Boutons de partage réseaux sociaux */
.btn-share-x {
    background-color: #000000 !important;
    color: #ffffff !important;
}
.btn-share-x:hover {
    background-color: #1f2937 !important;
    color: #ffffff !important;
}

.btn-share-whatsapp {
    background-color: #25D366 !important;
    color: #ffffff !important;
}
.btn-share-whatsapp:hover {
    background-color: #1ebe5d !important;
    color: #ffffff !important;
}

.btn-share-facebook {
    background-color: #1877F2 !important;
    color: #ffffff !important;
}
.btn-share-facebook:hover {
    background-color: #1464cc !important;
    color: #ffffff !important;
}

/* Boutons d'actions résultat */
.btn-action-revanche {
    background-color: #4096ee !important;
    color: #ffffff !important;
}
.btn-action-revanche:hover {
    background-color: #2b7cd3 !important;
    color: #ffffff !important;
}

.btn-action-votes {
    background-color: #0f172a !important;
    color: #ffffff !important;
}
.btn-action-votes:hover {
    background-color: #1e293b !important;
    color: #ffffff !important;
}