/* Animation pour les cartes de cours */
.course-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
  position: relative;
  overflow: hidden;
}

/* Effet au survol des cartes de cours */
.course-card:hover {
  transform: translateY(-10px) scale(1.03);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), 0 0 0 4px rgba(59, 130, 246, 0.3);
  border-color: rgba(59, 130, 246, 0.5); /* Bordure bleue lumineuse */
}

/* Animation des boutons au survol de la carte de cours */
.course-card:hover .preview-btn,
.course-card:hover .download-btn {
  animation: pulse 0.6s infinite alternate;
}

/* Animation pour les cartes de projets */
.project-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
  position: relative;
  overflow: hidden;
}

/* Effet au survol des cartes de projets */
.project-card:hover {
  transform: translateY(-8px) scale(1.02);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), 0 0 0 4px rgba(34, 197, 94, 0.3);
  border-color: rgba(34, 197, 94, 0.5); /* Bordure verte lumineuse */
}

/* Animation des boutons au survol de la carte de projet */
.project-card:hover .preview-btn,
.project-card:hover .bg-blue-600 {
  animation: pulse 0.7s infinite alternate;
}

/* Animation pour les cartes d'épreuves */
.exam-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
  position: relative;
  overflow: hidden;
  perspective: 1000px; /* Ajoute une perspective pour l'effet 3D */
}

/* Effet au survol des cartes d'épreuves */
.exam-card:hover {
  transform: translateY(-6px) scale(1.03) rotateY(3deg); /* Rotation 3D subtile */
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), 0 0 0 4px rgba(139, 92, 246, 0.3);
  border-color: rgba(139, 92, 246, 0.5); /* Bordure violette lumineuse */
}

/* Animation des boutons et de la vignette au survol de la carte d'épreuve */
.exam-card:hover .exam-btn,
.exam-card:hover .exam-thumbnail {
  animation: pulse-exam 0.5s infinite alternate;
}

/* Effet de pulsation pour les boutons et vignettes d'épreuves */
@keyframes pulse-exam {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.04);
  }
}

/* Amélioration de l'esthétique des boutons et vignettes */
.preview-btn,
.download-btn,
.bg-blue-600,
.exam-btn,
.exam-thumbnail {
  transition: transform 0.2s ease, background-color 0.2s ease, opacity 0.2s ease;
}

/* Effet supplémentaire au survol direct des boutons et vignettes */
.preview-btn:hover,
.download-btn:hover,
.bg-blue-600:hover,
.exam-btn:hover,
.exam-thumbnail:hover {
  transform: scale(1.1);
}

/* Éclat lumineux pour les cartes de cours */
.course-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.2),
    transparent
  );
  transition: left 0.5s ease;
}

.course-card:hover::before {
  left: 100%;
}

/* Éclat lumineux pour les cartes de projets */
.project-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.2),
    transparent
  );
  transition: left 0.6s ease;
}

.project-card:hover::before {
  left: 100%;
}

/* Éclat lumineux pour les cartes d'épreuves */
.exam-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.3),
    transparent
  );
  transition: left 0.4s ease; /* Plus rapide pour un effet vif */
}

.exam-card:hover::before {
  left: 100%;
}