/**
 * Seasonal auth-login (winter / high-desert cold months): snowy forest + pine / wine / gold chrome.
 * Also loaded for tier-2 `holiday_christmas` (Dec 19–26; Peck custom tree + presents PNG via body.peck-seasonal-auth-login-holiday-christmas).
 * Scoped under body.peck-seasonal-auth-login-season-winter.
 *
 * Photo: themes/winter-bg-source.txt (Unsplash License).
 */
.peck-seasonal-snow-layer {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    /* End above the fixed footer bar (see index.php --peck-shell-footer-clearance) */
    bottom: var(--peck-shell-footer-clearance, 4.25rem);
    /* Below fixed footer (z-index 52 in index.php), above main content */
    z-index: 42;
    pointer-events: none;
    overflow: hidden;
}

.peck-seasonal-snowflake {
    position: absolute;
    top: -6vh;
    border-radius: 50%;
    background: radial-gradient(
        circle at 35% 35%,
        rgba(255, 255, 255, 0.98) 0%,
        rgba(245, 250, 255, 0.55) 45%,
        rgba(255, 255, 255, 0.12) 100%
    );
    box-shadow: 0 0 6px rgba(255, 255, 255, 0.35);
    will-change: transform, opacity;
    animation-name: peck-snow-drift;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    opacity: 0;
}

.peck-seasonal-snowflake--sm {
    width: 3px;
    height: 3px;
    filter: blur(0.45px);
}

.peck-seasonal-snowflake--md {
    width: 5px;
    height: 5px;
}

.peck-seasonal-snowflake--lg {
    width: 9px;
    height: 9px;
    box-shadow:
        0 0 8px rgba(255, 255, 255, 0.55),
        0 0 2px rgba(200, 230, 255, 0.4);
}

@keyframes peck-snow-drift {
    0% {
        transform: translate3d(calc(var(--snow-drift, 18px) * -0.6), -8vh, 0) rotate(0deg);
        opacity: 0;
    }
    1% {
        opacity: 0.9;
    }
    100% {
        transform: translate3d(var(--snow-drift, 18px), 108vh, 0) rotate(280deg);
        opacity: 0.28;
    }
}

/* Winter tier-1 only: login body has .peck-seasonal-auth-login-season-winter without .peck-seasonal-auth-login-holiday-christmas */
body.peck-seasonal-auth-login-season-winter {
    background-color: #1a2824 !important;
    background-image:
        linear-gradient(
            168deg,
            rgba(12, 28, 22, 0.42) 0%,
            rgba(18, 42, 36, 0.22) 38%,
            rgba(28, 22, 28, 0.38) 100%
        ),
        radial-gradient(ellipse 90% 70% at 18% 88%, rgba(110, 42, 52, 0.12), transparent 55%),
        radial-gradient(ellipse 70% 50% at 92% 12%, rgba(42, 92, 72, 0.1), transparent 50%),
        linear-gradient(180deg, rgba(255, 252, 248, 0.14) 0%, rgba(255, 255, 255, 0.02) 45%, transparent 75%),
        url('/themes/winter-login-bg.jpg');
    background-size: cover, cover, cover, cover, cover;
    background-position: center, center, center, center, center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    color: #c1c2c5 !important;
}

body.peck-seasonal-auth-login-season-winter main {
    position: relative;
    z-index: 1;
}

body.peck-seasonal-auth-login-season-winter .peck-platform-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 50 !important;
    background-color: rgba(37, 38, 43, 0.35) !important;
    border-bottom: 1px solid rgba(44, 46, 51, 0.55) !important;
    -webkit-backdrop-filter: blur(12px) saturate(1.15);
    backdrop-filter: blur(12px) saturate(1.15);
}

body.peck-seasonal-auth-login-season-winter .peck-platform-header details.mobile-nav > nav.peck-mobile-nav-opaque {
    background-color: #25262b !important;
    border-color: #2c2e33 !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

body.peck-seasonal-auth-login-season-winter footer.peck-platform-footer {
    background-color: rgba(37, 38, 43, 0.35) !important;
    border-top: 1px solid rgba(44, 46, 51, 0.55) !important;
    -webkit-backdrop-filter: blur(12px) saturate(1.15);
    backdrop-filter: blur(12px) saturate(1.15);
}

body.peck-seasonal-auth-login-season-winter footer .text-gray-400 {
    color: #9ca3af !important;
}

body.peck-seasonal-auth-login-season-winter footer a:hover {
    color: #e5e7eb !important;
}

body.peck-seasonal-auth-login-season-winter main .peck-auth-login-card.bg-darkcard {
    background-color: rgba(37, 38, 43, 0.35) !important;
    border-color: rgba(44, 46, 51, 0.55) !important;
    -webkit-backdrop-filter: blur(12px) saturate(1.15) !important;
    backdrop-filter: blur(12px) saturate(1.15) !important;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35);
}

body.peck-seasonal-auth-login-season-winter .peck-platform-header a:hover {
    background-color: #2c2e33 !important;
}

/*
 * Christmas tier-2: Peck-provided snowy tree + presents scene (PNG) + same snow layer as winter.
 */
body.peck-seasonal-auth-login-season-winter.peck-seasonal-auth-login-holiday-christmas {
    background-color: #140a0c !important;
    background-image:
        linear-gradient(
            180deg,
            rgba(0, 0, 0, 0.2) 0%,
            transparent 36%,
            rgba(10, 5, 8, 0.52) 100%
        ),
        radial-gradient(ellipse 88% 58% at 50% 12%, rgba(255, 220, 175, 0.16), transparent 56%),
        url('/themes/christmas-login-bg.png');
    background-size: cover, cover, cover;
    background-position: center, center, center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

body.peck-seasonal-auth-login-season-winter.peck-seasonal-auth-login-holiday-christmas .peck-platform-header {
    border-bottom-color: rgba(196, 165, 80, 0.38) !important;
    box-shadow: 0 1px 0 rgba(90, 24, 28, 0.25);
}

body.peck-seasonal-auth-login-season-winter.peck-seasonal-auth-login-holiday-christmas footer.peck-platform-footer {
    border-top-color: rgba(196, 165, 80, 0.38) !important;
    box-shadow: 0 -1px 0 rgba(90, 24, 28, 0.22);
}

body.peck-seasonal-auth-login-season-winter.peck-seasonal-auth-login-holiday-christmas main .peck-auth-login-card.bg-darkcard {
    border-color: rgba(196, 165, 80, 0.48) !important;
    box-shadow:
        0 0 0 1px rgba(120, 32, 42, 0.38),
        0 14px 44px rgba(0, 0, 0, 0.5),
        inset 0 1px 0 rgba(255, 250, 240, 0.12) !important;
}

body.peck-seasonal-auth-login-season-winter.peck-seasonal-auth-login-holiday-christmas .peck-platform-header a:hover {
    background-color: rgba(90, 28, 36, 0.38) !important;
}

@media (prefers-reduced-motion: reduce) {
    .peck-seasonal-snow-layer {
        display: none !important;
    }

    body.peck-seasonal-auth-login-season-winter {
        background-attachment: scroll !important;
    }
}

@media (max-width: 1024px) {
    body.peck-seasonal-auth-login-season-winter {
        background-attachment: scroll !important;
    }
}