/* Konfetti-containeren dækker hele skærmen, men ligger bag topmenuen */
    #confetti-container {
      position: fixed; /* Fixed vil lave confetti på hele siden */
      top: 50px; /* Fixed kræver plus 50px */
      left: 0;
      width: 100%;
      height: 100%;
      pointer-events: none;
      z-index: 1;
    }
    
    /* Enkel styling for hvert konfettistykke med animation */
    .confetti {
      position: absolute;
      background-color: #E83E3E;
      opacity: 0.9;
      transform: rotate(0deg);
      animation: fall linear forwards;
    }
    
    /* Animationen: fra start (øverst) til bunden med rotation og fading */
    @keyframes fall {
      0% {
        transform: translateY(0) rotate(0deg);
        opacity: 1;
      }
      100% {
        transform: translateY(100vh) rotate(360deg);
        opacity: 0;
      }
    }
    

    
  /* apple-rain.css */

/* Lægger containeren fixed ovenpå resten, så intet forskydes */
#apple-rain-container {
  position: fixed;
  top: 50px;                        /* Hvis du har en 50px høj topmenu */
  left: 0;
  width: 100%;
  height: calc(100% - 50px);        /* Fylder under topmenuen */
  pointer-events: none;             /* Klik “går igennem” */
  overflow: hidden;                 /* Æbler uden for container skjules */
  z-index: 9999;                    /* Sørg for at den ligger øverst */
}

/* Hvert æble */
.apple-rain-item {
  position: absolute;               /* Uden for flow */
  opacity: 0.9;
  transform: rotate(0deg);
  animation: appleFall linear forwards;
}

/* Fald-animation: fra top til bund med rotation og fading */
@keyframes appleFall {
  0% {
    transform: translateY(0) rotate(0deg);
    opacity: 1;
  }
  100% {
    transform: translateY(100vh) rotate(360deg);
    opacity: 0;
  }
}


/* SNOWFLAKE VERSION */

/* Container kun til sne */
#snowflake-container {
  position: fixed;
  top: 50px;                     /* justér hvis din topmenu har anden højde */
  left: 0;
  width: 100%;
  height: calc(100% - 50px);
  pointer-events: none;
  overflow: hidden;
  z-index: 9990;
}

/* Ultra-minimalistisk snow dot */
.snowflake-item {
  position: absolute;
  border-radius: 9999px;          /* perfekt rund, “pill”-agtig hvis bredere */
  background: rgba(255, 255, 255, 0.95);
  opacity: 0.85;
  transform: translate3d(0, -10vh, 0);
  animation: appleSnowFall linear forwards;
  box-shadow: 0 0 6px rgba(255, 255, 255, 0.35); /* blød glow, ikke for voldsom */
}

/* Ingen pseudo-elementer, ingen arme – kun rene, små lysprikker */

/* Blødt fald med meget diskret svaj */
@keyframes appleSnowFall {
  0% {
    transform: translate3d(0, -10vh, 0);
    opacity: 0;
  }
  15% {
    opacity: 0.9;
  }
  50% {
    transform: translate3d(12px, 50vh, 0);
    opacity: 0.85;
  }
  100% {
    transform: translate3d(-12px, 105vh, 0);
    opacity: 0;
  }
}