/* animations.css *//* ==================================================
   LOGILIFT - ANIMATIONS PREMIUM
   Fichier : assets/css/animations.css
   Description : animations CSS & scroll effects
   ================================================== */

/* ===============================
   ANIMATIONS DE BASE
   =============================== */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(40px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

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

@keyframes slideInLeft {
  from {
    opacity: 0;
    transform: translateX(-60px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes slideInRight {
  from {
    opacity: 0;
    transform: translateX(60px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* ===============================
   CLASSES D'ANIMATION
   =============================== */
.animate {
  opacity: 0;
}

.animate.show {
  animation: fadeInUp 1s ease forwards;
}

.animate.fade {
  animation: fadeIn 1.2s ease forwards;
}

.animate.left {
  animation: slideInLeft 1s ease forwards;
}

.animate.right {
  animation: slideInRight 1s ease forwards;
}

/* ===============================
   HERO TEXT ANIMATION
   =============================== */
.hero-content h1 {
  animation: slideInLeft 1.2s ease forwards;
}

.hero-content p {
  animation: fadeIn 2s ease forwards;
}

.hero-content .btn-primary {
  animation: fadeInUp 2.5s ease forwards;
}

/* ===============================
   HOVER PREMIUM
   =============================== */
.service-card {
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.service-card:hover {
  transform: translateY(-12px) scale(1.02);
}

.why-grid div {
  transition: transform 0.3s ease, background 0.3s ease;
}

.why-grid div:hover {
  transform: translateY(-6px);
  background: linear-gradient(135deg, #f7931e, #ffb347);
  color: #fff;
}

/* ===============================
   STATS ANIMATION (préparée)
   =============================== */
.stat span {
  transition: transform 0.5s ease;
}

.stat:hover span {
  transform: scale(1.2);
}

/* ===============================
   NAVBAR LINK EFFECT
   =============================== */
.nav-links li a {
  transition: color 0.3s ease;
}

.nav-links li a:hover {
  color: var(--orange);
}

/* ===============================
   BOUTONS FLOTTANTS
   =============================== */
.whatsapp,
.top {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.whatsapp:hover,
.top:hover {
  transform: scale(1.1);
  box-shadow: 0 10px 25px rgba(0,0,0,0.3);
}