/* ANIMATIONS ADDED BY TRAE */

/* Menu Animations (Accueil, Projet, Profil) */
/* Targets multiple frame IDs across different pages and line class variations */
.frame-1321316626:hover .line-1,
.frame-1321316626:hover .line-12,
.frame-1321316626:hover .line-13,
.frame-1321316627:hover .line-1,
.frame-1321316627:hover .line-12,
.frame-1321316627:hover .line-13,
.frame-1321316628:hover .line-1,
.frame-1321316628:hover .line-12,
.frame-1321316628:hover .line-13,
.frame-2647:hover .line-12,
.frame-2647:hover .line-13,
.frame-2650:hover .line-12,
.frame-2650:hover .line-13,
.frame-2648:hover .line-12,
.frame-2648:hover .line-13,
.frame-2651:hover .line-12,
.frame-2651:hover .line-13 {
  opacity: 1 !important;
  width: 100% !important;
}

.line-1, .line-12, .line-13 {
  transition: opacity 0.3s ease, width 0.3s ease;
  width: 100%;
}

/* Button 'Me contacter' / 'Voir mes projets' hover effect */
.frame-1321316625, .frame-13213166252 {
  transition: background-color 0.3s ease;
}
.frame-1321316625:hover, .frame-13213166252:hover {
  background-color: #e0ded9; /* Slightly darker */
  cursor: pointer;
}

.frame-13213166232 {
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
  cursor: pointer;
}

.frame-13213166232:hover,
.frame-13213166232:focus-visible {
  background-color: #a793ac;
  box-shadow: 0px 0px 44px 0px rgba(155, 97, 169, 0.4);
}

.frame-13213166232:hover .t-l-charger-mon-cv,
.frame-13213166232:focus-visible .t-l-charger-mon-cv {
  color: #ffffff;
}

.frame-13213166232 .lucide-download {
  transition: filter 0.3s ease;
}

.frame-13213166232:hover .lucide-download,
.frame-13213166232:focus-visible .lucide-download {
  filter: brightness(0) invert(1);
}

/* Button 'Découvrir mon univers' / 'Découvrez mon profil' sliding animation */
/* Targets both ID variations */
.frame-1321316629, .frame-13213166292 {
  cursor: pointer;
  position: relative;
  overflow: hidden; /* Ensure the sliding part is clipped */
}

.frame-1321316630 {
  transition: left 0.4s cubic-bezier(0.25, 1, 0.5, 1); /* Smooth slide */
}

.frame-1321316629:hover .frame-1321316630,
.frame-1321316629:focus-within .frame-1321316630,
.frame-13213166292:hover .frame-1321316630,
.frame-13213166292:focus-within .frame-1321316630 {
  left: 0px !important;
}

/* Button 'Envoyer' / 'Voir tout les projets' sliding animation */
/* Targets the button class specifically (frame-26822), NOT the contact wrapper (frame-2682) */
.frame-26822 {
  transition: background-color 0.3s ease;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

/* Disable the sliding effect for this specific button as requested */
/* The user wants a simple color change on hover */
.frame-26822:hover .frame-2674 {
  left: -255px !important; /* Keep it hidden */
}

/* Button 'Voir le projet' hover effect */
.button {
  transition: background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
  cursor: pointer;
}

.button:hover {
  background: #a793ac;
  border-color: #ffffff;
  box-shadow: 0px 0px 44px 0px rgba(155, 97, 169, 0.6);
}

.button:hover .voir-le-projet {
  color: #ffffff;
}

.voir-le-projet {
  transition: color 0.3s ease;
}

/* Button 'Retour' hover effect */
.bouton-prendre-un-rendez-vous-orange {
  transition: background-color 0.3s ease, border-color 0.3s ease;
  cursor: pointer;
}

.bouton-prendre-un-rendez-vous-orange:hover {
  background: #a793ac;
  border-color: transparent;
}

.bouton-prendre-un-rendez-vous-orange:hover .retour {
  color: #ffffff;
}

.retour {
  transition: color 0.3s ease;
}

/* Arrow Hover Effect (Lucide) */
.lucide, .lucide2, .lucide3, .lucide4, .lucide5, .lucide6, .lucide7, .lucide8 {
    transition: transform 0.3s ease;
    cursor: pointer;
}
.lucide:hover, .lucide2:hover, .lucide3:hover, .lucide4:hover, .lucide5:hover, .lucide6:hover, .lucide7:hover, .lucide8:hover {
    transform: scale(1.1);
}

/* Arrow Down Animation */
@keyframes floatDown {
  0% { transform: translateY(0px); }
  50% { transform: translateY(10px); }
  100% { transform: translateY(0px); }
}

.lucide-arrow-down-left {
  animation: floatDown 2s ease-in-out infinite;
}