/* Styles personnalisés pour VolleyaBall */

/* Empêcher le défilement horizontal */
body {
    overflow-x: hidden;
}

/* Animation pour les cartes de match */
.match-card {
    transition: transform 0.2s ease-in-out;
}

.match-card:hover {
    transform: translateY(-2px);
}

/* Animation pour les boutons */
.btn-volleyball {
    background: linear-gradient(45deg, #FF6B35, #FF8C42);
    transition: all 0.3s ease;
}

.btn-volleyball:hover {
    background: linear-gradient(45deg, #FF8C42, #FFB84D);
    transform: scale(1.05);
}

/* Effet de dégradé animé pour le header */
.hero-gradient {
    background: linear-gradient(-45deg, #004E89, #009639, #FF6B35, #004E89);
    background-size: 400% 400%;
    animation: gradientShift 15s ease infinite;
}

@keyframes gradientShift {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .hero-title {
        font-size: 2.5rem;
    }

    .feature-grid {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
}