/* Custom CSS for elements that need more specific styling */
/* ============================================= */
/*       CORRECTION RESPONSIVE GLOBALE           */
/* ============================================= */
html, body {
    width: 100%;
    overflow-x: hidden;
}

body {
    position: relative; /* Contexte de positionnement pour les éléments enfants */
}

    .podcast-player {
        background: linear-gradient(135deg, #4a7c59 0%, #3a5a40 100%);
        border-radius: 15px;
    }

    .event-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    }

    .team-member:hover img {
        transform: scale(1.05);
    }

    .dropdown:hover .dropdown-menu {
        display: block;
    }

    /* Animation for newsletter subscription */
    @keyframes pulse {
        0% {
            transform: scale(1);
        }

        50% {
            transform: scale(1.05);
        }

        100% {
            transform: scale(1);
        }
    }

    .pulse-animation {
        animation: pulse 2s infinite;
    }

    /* Partner card hover effect */
    .partner-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    }

    /* Footer styling */
    .footer-links li {
        margin-bottom: 0.75rem;
    }

    .footer-links li:hover a {
        color: #4ade80;
    }

    .social-icon {
        transition: all 0.3s ease;
    }

    .social-icon:hover {
        transform: translateY(-3px);
    }

    /* ============================================= */
    /*       ANIMATIONS POUR LES FORMULAIRES         */
    /* ============================================= */

    .animate-fade-in {
        animation: fadeIn 0.5s ease-out forwards;
    }

    .animate-slide-up {
        animation: slideUp 0.5s ease-out forwards;
        opacity: 0;
        /* Commence invisible */
    }

    @keyframes fadeIn {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    @keyframes slideUp {
        from {
            opacity: 0;
            transform: translateY(20px);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    .aspect-w-16 {
        position: relative;
        padding-bottom: 56.25%;
    }

    .aspect-h-9 {
        height: 0;
    }

    .aspect-w-16>iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }