/* animations.css - Version simple sans animations au scroll */

/* Transitions fluides pour les interactions utilisateur uniquement */
* {
    scroll-behavior: smooth;
}

/* Classes utiles pour la navbar sticky */
body.scrolled .navbar {
    background-color: rgba(15, 23, 42, 0.95);
    backdrop-filter: blur(10px);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* Cache la navbar quand on scroll vers le bas (optionnel) */
body.scroll-down .navbar {
    transform: translateY(-100%);
    transition: transform 0.3s ease-in-out;
}

body.scroll-up .navbar {
    transform: translateY(0);
    transition: transform 0.3s ease-in-out;
}

/* Transitions douces pour les liens */
a {
    transition: color 0.2s ease-in-out;
}

/* Boutons avec transition douce */
button,
.btn {
    transition: all 0.2s ease-in-out;
}

/* Cards avec transition douce sur hover (garde juste ça) */
.project-card,
.blog-card,
.contact-card {
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.project-card:hover,
.blog-card:hover,
.contact-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

/* Reduire les animations pour accessibilite */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}