/* Styles pour l'indicateur de défilement */
.scroll-indicator-container {
  transition: opacity 0.5s ease;
}

.scroll-indicator-text {
  font-weight: 500;
}

.scroll-indicator-arrow {
  margin: 0 auto;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.scroll-indicator-container.fade-out {
  opacity: 0;
  pointer-events: none;
}

.scroll-indicator-container.hidden {
  display: none;
}

/* Animation de rebond */
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-10px);
  }
  60% {
    transform: translateY(-5px);
  }
}

.animate-bounce {
  animation: bounce 2s infinite;
}

/* Assurer que le contenu de la modale peut défiler correctement */
.modal-content {
  max-height: 90vh;
  display: flex;
  flex-direction: column;
}

#projet-modal-content {
  scrollbar-width: thin;
  scrollbar-color: rgba(79, 70, 229, 0.6) rgba(0, 0, 0, 0.1);
}

#projet-modal-content::-webkit-scrollbar {
  width: 8px;
}

#projet-modal-content::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}

#projet-modal-content::-webkit-scrollbar-thumb {
  background-color: rgba(79, 70, 229, 0.6);
  border-radius: 4px;
}