/* Fulgi de zăpadă - Snowflake Animation */
/* Acest fișier poate fi inclus în orice pagină pentru a adăuga efectul de fulgi de zăpadă */

.snowflake {
   position: fixed;
   top: -10px;
   z-index: 9999;
   user-select: none;
   cursor: default;
   animation-name: snowfall;
   animation-timing-function: linear;
   animation-iteration-count: infinite;
   color: #87ceeb;
   font-size: 1.8em;
   opacity: 0.7;
   text-shadow: 0 0 5px rgba(135, 206, 235, 0.5);
}

@keyframes snowfall {
   0% {
      transform: translate3d(var(--left-ini), 0, 0);
   }
   100% {
      transform: translate3d(var(--left-end), 110vh, 0);
   }
}

.snowflake:nth-of-type(0) { --left-ini: 0vw; --left-end: -5vw; left: 1vw; animation-duration: 7s; animation-delay: 0s; }
.snowflake:nth-of-type(1) { --left-ini: 0vw; --left-end: 5vw; left: 10vw; animation-duration: 10s; animation-delay: 1s; }
.snowflake:nth-of-type(2) { --left-ini: 0vw; --left-end: -5vw; left: 20vw; animation-duration: 6s; animation-delay: 0.5s; }
.snowflake:nth-of-type(3) { --left-ini: 0vw; --left-end: 5vw; left: 30vw; animation-duration: 8s; animation-delay: 2s; }
.snowflake:nth-of-type(4) { --left-ini: 0vw; --left-end: -5vw; left: 40vw; animation-duration: 9s; animation-delay: 1.5s; }
.snowflake:nth-of-type(5) { --left-ini: 0vw; --left-end: 5vw; left: 50vw; animation-duration: 11s; animation-delay: 0s; }
.snowflake:nth-of-type(6) { --left-ini: 0vw; --left-end: -5vw; left: 60vw; animation-duration: 7s; animation-delay: 3s; }
.snowflake:nth-of-type(7) { --left-ini: 0vw; --left-end: 5vw; left: 70vw; animation-duration: 10s; animation-delay: 0.5s; }
.snowflake:nth-of-type(8) { --left-ini: 0vw; --left-end: -5vw; left: 80vw; animation-duration: 8s; animation-delay: 2s; }
.snowflake:nth-of-type(9) { --left-ini: 0vw; --left-end: 5vw; left: 90vw; animation-duration: 9s; animation-delay: 1s; }
.snowflake:nth-of-type(10) { --left-ini: 0vw; --left-end: -5vw; left: 5vw; animation-duration: 12s; animation-delay: 1.5s; }
.snowflake:nth-of-type(11) { --left-ini: 0vw; --left-end: 5vw; left: 15vw; animation-duration: 9s; animation-delay: 2.5s; }
.snowflake:nth-of-type(12) { --left-ini: 0vw; --left-end: -5vw; left: 25vw; animation-duration: 7s; animation-delay: 1s; }
.snowflake:nth-of-type(13) { --left-ini: 0vw; --left-end: 5vw; left: 35vw; animation-duration: 10s; animation-delay: 0s; }
.snowflake:nth-of-type(14) { --left-ini: 0vw; --left-end: -5vw; left: 45vw; animation-duration: 8s; animation-delay: 3s; }
.snowflake:nth-of-type(15) { --left-ini: 0vw; --left-end: 5vw; left: 55vw; animation-duration: 11s; animation-delay: 1.5s; }
.snowflake:nth-of-type(16) { --left-ini: 0vw; --left-end: -5vw; left: 65vw; animation-duration: 9s; animation-delay: 0.5s; }
.snowflake:nth-of-type(17) { --left-ini: 0vw; --left-end: 5vw; left: 75vw; animation-duration: 7s; animation-delay: 2s; }
.snowflake:nth-of-type(18) { --left-ini: 0vw; --left-end: -5vw; left: 85vw; animation-duration: 10s; animation-delay: 1s; }
.snowflake:nth-of-type(19) { --left-ini: 0vw; --left-end: 5vw; left: 95vw; animation-duration: 8s; animation-delay: 0s; }

/* Îmbunătățiri pentru mobile */
@media (max-width: 767px) {
   .snowflake {
      font-size: 1.3em;
   }
}