/* Animations de flottaison pour les visuels de prestige */
@keyframes float {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-8px);
    }
}

@keyframes float-delayed {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(8px);
    }
}

.animate-float {
    animation: float 6s ease-in-out infinite;
}

.animate-float-delayed {
    animation: float-delayed 6s ease-in-out infinite;
}

/* Animations de lueur sur les boutons */
@keyframes pulse-gold {
    0%, 100% {
        box-shadow: 0 0 15px rgba(193, 161, 115, 0.4);
    }
    50% {
        box-shadow: 0 0 25px rgba(193, 161, 115, 0.6);
    }
}

@keyframes pulse-gold-glow {
    0%, 100% {
        box-shadow: 0 10px 20px rgba(193, 161, 115, 0.3), 0 0 0 0px rgba(193, 161, 115, 0.4);
    }
    50% {
        box-shadow: 0 15px 30px rgba(193, 161, 115, 0.5), 0 0 0 10px rgba(193, 161, 115, 0);
    }
}

.animate-pulse-gold {
    animation: pulse-gold 2.5s infinite;
}

.cta-pulse-button {
    animation: pulse-gold-glow 2s infinite ease-in-out;
}

/* Personnalisation de l'en-tête */
header {
    transition: all 0.3s ease;
}

/* Transitions globales pour l'expérience utilisateur */
a, button, select, input {
    transition: all 0.2s ease-in-out;
}

/* Styles pour le sélecteur personnalisé */
select {
    background-image: none;
}