/* ===================================================================== */
/* PASSION AUTO 85 — Feuille de style : animations.css                   */
/* --------------------------------------------------------------------- */
/* Description :                                                         */
/*   Animations CSS globales et spécifiques pour le site BMW Passion     */
/*   Auto 85. Gère les transitions, effets visuels, keyframes, etc.      */
/*   À utiliser pour animer les éléments sans impacter la structure      */
/*   globale.                                                            */
/* --------------------------------------------------------------------- */
/* Structure :                                                           */
/*   1. Animations globales                                              */
/*   2. Animations spécifiques (slider, galerie, boutons, etc.)          */
/*   3. Keyframes                                                        */
/* --------------------------------------------------------------------- */
/* Auteur : 0xcyberlitech                                                */
/* Date de création : 24/12/2025                                         */
/* Dernière modification : 29/12/2025                                    */
/* ===================================================================== */

/* ===================================================================== */
/* 1. ANIMATIONS GLOBALES                                                */
/*    Animations et transitions globales du site                         */
/* ===================================================================== */

@keyframes carbonShine {
  0%,
  100% {
    opacity: 0.8;
  }
  50% {
    opacity: 0.6;
  }
}
@keyframes sliderNeonGlow {
  0%,
  100% {
    opacity: 0.3;
    transform: scale(1);
    box-shadow: 0 0 10px rgba(30, 144, 255, 0.5),
      inset 0 0 10px rgba(30, 144, 255, 0.2);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
    box-shadow: 0 0 20px rgba(30, 144, 255, 0.8),
      inset 0 0 15px rgba(30, 144, 255, 0.4);
  }
}
@keyframes laserScanDiagonal {
  0% {
    transform: translateX(-100%) translateY(-100%) rotate(45deg);
  }
  100% {
    transform: translateX(100%) translateY(100%) rotate(45deg);
  }
}
@keyframes shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}
@keyframes gradientPulse {
  0%,
  100% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}
@keyframes float {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}
@keyframes titleGlow {
  0% {
    text-shadow: 0 0 30px rgba(30, 144, 255, 0.8);
  }
  100% {
    text-shadow: 0 0 50px rgba(30, 144, 255, 1);
  }
}
@keyframes scanLine {
  0%,
  100% {
    transform: translateX(-100%);
  }
  50% {
    transform: translateX(0%);
  }
}
@keyframes mapTitlePulse {
  0%,
  100% {
    text-shadow: 0 0 15px rgba(30, 144, 255, 0.3);
  }
  50% {
    text-shadow: 0 0 25px rgba(30, 144, 255, 0.5),
      0 0 35px rgba(30, 144, 255, 0.3);
  }
}
@keyframes overlayGlow {
  0%,
  100% {
    opacity: 0.1;
  }
  50% {
    opacity: 0.3;
  }
}
@keyframes zoomIn {
  0% {
    transform: scale(0.7);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes lightboxFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* ===================================================================== */
/* 2. ANIMATIONS SPÉCIFIQUES                                             */
/*    Animations pour slider, galerie, boutons, etc.                     */
/* ===================================================================== */

/* ===================================================================== */
/* 3. KEYFRAMES                                                          */
/*    Définition des animations keyframes                                */
/* ===================================================================== */