/* /assets/css/snow.css */

#snow-layer {
  position: fixed;
  inset: 0;
  pointer-events: none;          /* ❗ Never block clicks */
  z-index: 5;                    /* Below toasts/modals, above background */
  overflow: hidden;
}

/* Individual flakes */
.snowflake {
  position: absolute;
  top: -10vh;
  color: #ffffff;
  text-shadow: 0 0 4px rgba(0,0,0,0.35);
  opacity: 0.8;
  animation-name: snowfall;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
    opacity: .2 !important;

}

/* Gentle fall with slight drift */
@keyframes snowfall {
  0% {
    transform: translate3d(0, -10vh, 0);
  }
  100% {
    transform: translate3d(15px, 120vh, 0);
  }
}

/* Slightly smaller/denser on mobile if needed */
@media (max-width: 768px) {
  .snowflake {
    text-shadow: 0 0 3px rgba(0,0,0,0.25);
  }
}