/**
 * Snow Effect Styles
 * Styling for SVG snowflakes with multiple types and theme-based colors
 */

.initial-snow {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
    z-index: 9999;
}

.initial-snow > * {
    position: absolute;
    top: -10vh;
    opacity: 0;
    pointer-events: none;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

/* SVG snowflakes - white for dark mode (default) */
.initial-snow .snow svg {
    width: 100%;
    height: 100%;
    display: block;
}

.initial-snow .snow svg path {
    stroke: #FFFFFF;
    fill: #FFFFFF;
}

/* Light mode - light blue snowflakes */
.light-mode .initial-snow .snow svg path {
    stroke: #87CEEB;
    fill: #87CEEB;
}

@keyframes snowfall {
    0% {
        transform: translate3d(var(--left-ini), 0, 0);
        opacity: 0;
    }
    5% {
        opacity: 1;
    }
    95% {
        opacity: 1;
    }
    100% {
        transform: translate3d(var(--left-end), 110vh, 0);
        opacity: 0.3;
    }
}
/* Ensure snow doesn't interfere with interactive elements */
.initial-snow * {
    pointer-events: none !important;
    user-select: none !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
}

/* Snow drifts at the bottom */
.snow-drifts {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    pointer-events: none;
    z-index: 9998;
    overflow: visible;
}

.snow-drift {
    position: absolute;
    bottom: 0;
    background: linear-gradient(to top, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0.60) 50%, rgba(255, 255, 255, 0.45) 100%);
    pointer-events: none;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    box-shadow: 0 -1px 6px rgba(255, 255, 255, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.3);
    transition: height 0.6s ease-out, width 0.6s ease-out, border-radius 0.6s ease-out, left 0.4s ease-out;
}

/* Light mode - light blue snow drifts */
.light-mode .snow-drift {
    background: linear-gradient(to top, rgba(135, 206, 235, 0.75) 0%, rgba(135, 206, 235, 0.60) 50%, rgba(135, 206, 235, 0.45) 100%);
    box-shadow: 0 -1px 6px rgba(135, 206, 235, 0.25), inset 0 1px 2px rgba(135, 206, 235, 0.3);
}

/* Mobile responsive sizing is now handled entirely by JavaScript */