@charset "UTF-8";
#season-footer {
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 40px);
  max-width: 1200px;
  padding: 16px 28px;
  border-radius: 18px;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  background: rgba(255, 255, 255, 0.15);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.2);
  color: #afaf3b !important;
  font-family: "Inter", system-ui, sans-serif;
  z-index: 1000;
  transition: all 0.6s ease;
  animation: floatIn 1.2s ease forwards; /* Animation du footer */
}

@keyframes floatIn {
  from {
    opacity: 0;
    transform: translate(-50%, 20px);
  }
  to {
    opacity: 1;
    transform: translate(-50%, 0);
  }
}
.footer-text {
  display: flex; /* Flex en ligne pour les éléments */
  align-items: center; /* Aligne verticalement tous les éléments */
  justify-content: center; /* Centre les éléments horizontalement */
  gap: 8px; /* Espacement entre texte et emojis */
  font-size: 1.2rem;
  color: #afaf3b !important;
  letter-spacing: 0.3px;
  white-space: nowrap; /* Evite le retour à la ligne */
  opacity: 0; /* Texte et icônes sont invisibles au départ */
  animation: fadeIn 0.8s ease-in-out forwards; /* Animation du texte */
}
 @media screen and (max-width: 431px) {
    font-size: 0.95rem; /* Taille des emojis */
  }

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px); /* Départ en bas */
  }
  to {
    opacity: 1;
    transform: translateY(0); /* Fin centré */
  }
}
.footer-text .icon {
  font-size: 1.5rem; /* Taille des emojis */
  line-height: 1; /* Assure l'alignement */
}
 @media screen and (max-width: 431px) {
    font-size: 1rem; /* Taille des emojis */
  }

/* 🎨 THEMES PREMIUM */
.footer-summer {
  background: linear-gradient(135deg, rgba(255, 183, 77, 0.35), rgba(255, 87, 34, 0.35));
}

.footer-winter {
  background: linear-gradient(135deg, rgba(100, 181, 246, 0.35), rgba(13, 71, 161, 0.35));
}

.footer-christmas {
  background: linear-gradient(135deg, rgba(46, 125, 50, 0.35), rgba(198, 40, 40, 0.35));
}

.footer-spring {
  background: linear-gradient(135deg, rgba(102, 187, 106, 0.35), rgba(67, 160, 71, 0.35));
}

.footer-autumn {
  background: linear-gradient(135deg, rgba(141, 110, 99, 0.35), rgba(93, 64, 55, 0.35));
}/*# sourceMappingURL=footer.css.map */