/* Styles de base */
body {
    color: #333; /* correction de la propriété text-gray-800 */
}

/* Navigation */
.nav-link {
    transition: color 200ms; /* correction de la propriété transition-colors duration-200 */
}

/* Boutons */
.btn {
    padding: 1rem 2rem; /* correction de la propriété px-4 py-2 */
    border-radius: 0.5rem; /* correction de la propriété rounded-md */
    font-size: 1rem; /* ajout d'une taille de police par défaut */
    transition: color 200ms; /* correction de la propriété transition-colors duration-200 */
}

.btn-primary {
    background-color: #3498db; /* correction de la propriété bg-primary-600 */
    color: #fff; /* correction de la propriété text-white */
}

.btn-primary:hover {
    background-color: #2e6da4; /* correction de la propriété hover:bg-primary-700 */
}

.btn-secondary {
    background-color: #f7f7f7; /* correction de la propriété bg-gray-200 */
    color: #333; /* correction de la propriété text-gray-800 */
}

.btn-secondary:hover {
    background-color: #e5e5e5; /* correction de la propriété hover:bg-gray-300 */
}

/* Cartes */
.card {
    background-color: #fff; /* correction de la propriété bg-white */
    border-radius: 0.5rem; /* correction de la propriété rounded-lg */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* correction de la propriété shadow-md */
}

/* Animations */
.animate-fade {
    animation: fadeIn 0.3s ease-out;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* Effet de flottement pour l'image hero */
.animate-float {
    animation: float 6s ease-in-out infinite;
}

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

/* Styles personnalisés spécifiques */
.whatsapp-button {
    position: fixed;
    bottom: 1.5rem;
    right: 1.5rem;
    background-color: #25D366;
    color: white;
    padding: 0.75rem;
    border-radius: 9999px;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    transition: background-color 0.2s;
}

.whatsapp-button:hover {
    background-color: #128C7E;
}