/* Style de base pour le groupe d'icônes */
.easter-egg-link {
  font-size: 50px;
  text-decoration: none;
  display: inline-block;
  position: relative; /* Important pour le layering */
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.easter-egg-link:hover {
  transform: scale(1.2) rotate(-10deg);
}

/* On force les pois à être blancs et semi-transparents */
.easter-egg-link .fa-circle {
  color: white;
  opacity: 0.6;
  position: absolute;
}

/* Positionnement manuel des pois (si data-fa-transform ne marche pas) */
.dot-1 {
  font-size: 0.3em; /* Réduit la taille du cercle */
  top: 25%;
  left: 25%;
}

.dot-2 {
  font-size: 0.25em;
  bottom: 30%;
  right: 25%;
}

/* Tes couleurs (s'appliquent à l'icône de l'œuf car c'est le premier enfant) */
.egg-blue { color: #A7C7E7; }
.egg-pink { color: #FACAC0; }
.egg-gold { color: #FFD700; filter: drop-shadow(0 0 8px rgba(255, 215, 0, 0.5)); }

/* --- Transition vers le noir (on garde tes réglages) --- */
body { transition: background-color 0.8s ease-in-out; }
body.bg-black { background-color: #000 !important; }
#container { transition: opacity 0.8s ease-in-out, filter 0.8s ease-in-out; }
.page-fade-out { opacity: 0 !important; filter: blur(10px); pointer-events: none; }