/* Seasonal site skin. Loaded only while an event is active. */

.tl-season-banner {
    position: relative;
    z-index: 80;
    text-align: center;
    padding: 8px 16px;
    font-size: .84rem;
    font-weight: 800;
    color: #fff;
    letter-spacing: .01em;
    background: linear-gradient(90deg, rgba(var(--brand-rgb, 30, 86, 245), .92), rgba(var(--brand-rgb, 30, 86, 245), .7));
    border-bottom: 1px solid rgba(255, 255, 255, .12);
}

.tl-season-scene {
    position: fixed;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    overflow: hidden;
}
html[data-season] .main-content,
html[data-season] .site-footer {
    position: relative;
    z-index: 2;
}
body.page-stream .tl-season-banner,
body.page-stream .tl-season-scene {
    display: none !important;
}

body.tl-popout-chat .tl-season-scene,
body.tl-popout-chat .tl-season-banner {
    display: none !important;
}

.tl-ss { position: absolute; display: block; height: auto; max-width: none; }

html[data-season="halloween"]:not([data-theme="lite"]),
html[data-season="halloween"]:not([data-theme="lite"])[data-theme="dark"],
html[data-season="halloween"]:not([data-theme="lite"])[data-theme="auto"] {
    --brand: #f97316;
    --brand-strong: #c2410c;
    --brand-soft: #fdba74;
    --brand-rgb: 249, 115, 22;
    --accent: #fb923c;
    --bg: #12081c;
    --bg-elev-1: #1a1028;
    --bg-elev-2: #241436;
    --bg-elev-3: #2e1a42;
    --line: #4c315f;
    --text: #fff7ed;
    --text-muted: #e7c4a2;
    --tl-bg-base-end: #160a22;
    --tl-bg-glow-1: rgba(249, 115, 22, .22);
    --tl-bg-glow-2: rgba(251, 146, 60, .14);
    --tl-bg-glow-3: rgba(154, 52, 18, .3);
}
html[data-season="halloween"][data-theme="light"]:not([data-theme="lite"]) {
    --brand: #ea580c;
    --brand-strong: #c2410c;
    --brand-soft: #fb923c;
    --brand-rgb: 234, 88, 12;
    --bg: #fff7ed;
    --bg-elev-1: #ffffff;
    --bg-elev-2: #ffedd5;
    --bg-elev-3: #fed7aa;
    --text: #431407;
    --text-muted: #9a3412;
    --line: #fdba74;
    --tl-bg-glow-1: rgba(249, 115, 22, .16);
    --tl-bg-glow-2: rgba(251, 146, 60, .1);
    --tl-bg-glow-3: rgba(255, 237, 213, .55);
    --tl-bg-base-end: #ffedd5;
}
html[data-season="halloween"] .tl-season-banner {
    background: linear-gradient(90deg, #9a3412, #ea580c 46%, #f97316);
}
html[data-season="halloween"] .tl-ss { opacity: .55; }
html[data-season="halloween"] .tl-ss-web { width: min(210px, 17vw); filter: drop-shadow(0 0 1px rgba(236,214,176,.55)); }
html[data-season="halloween"] .tl-ss-web--tl { top: 0; left: -8px; transform: scaleX(-1); }
html[data-season="halloween"] .tl-ss-web--tr { top: 0; right: -8px; }
html[data-season="halloween"] .tl-ss-tree { width: min(200px, 16vw); left: -22px; bottom: -10px; filter: drop-shadow(0 10px 14px rgba(0,0,0,.35)); }
html[data-season="halloween"] .tl-ss-pumpkin { width: min(230px, 18vw); right: -48px; bottom: -14px; filter: drop-shadow(0 10px 14px rgba(0,0,0,.35)); }
html[data-season="halloween"] .tl-ss-candle { width: min(52px, 4.5vw); left: min(110px, 9vw); bottom: 0; filter: drop-shadow(0 8px 10px rgba(0,0,0,.3)); }

html[data-season="nowruz"] {
    --bg: #07140f;
    --tl-bg-glow-1: rgba(34, 197, 94, .16);
    --tl-bg-glow-2: rgba(250, 204, 21, .12);
    --tl-bg-glow-3: rgba(22, 101, 52, .22);
    --tl-bg-base-end: #04110c;
}
html[data-season="nowruz"] .tl-season-banner {
    background: linear-gradient(90deg, #166534, #15803d 40%, #a16207);
}
html[data-season="nowruz"] .tl-ss { opacity: .55; }
html[data-season="nowruz"] .tl-ss-blossom { width: min(170px, 14vw); height: auto; filter: drop-shadow(0 10px 14px rgba(0,0,0,.28)); }
html[data-season="nowruz"] .tl-ss-blossom--tl { top: 64px; left: -20px; }
html[data-season="nowruz"] .tl-ss-blossom--tr { top: auto; right: -24px; bottom: -10px; transform: scaleX(-1); }

html[data-season="yalda"] {
    --bg: #14060a;
    --tl-bg-glow-1: rgba(185, 28, 28, .2);
    --tl-bg-glow-2: rgba(251, 191, 36, .1);
    --tl-bg-glow-3: rgba(80, 10, 20, .3);
    --tl-bg-base-end: #1a070c;
}
html[data-season="yalda"] .tl-season-banner {
    background: linear-gradient(90deg, #7f1d1d, #b91c1c 50%, #9a3412);
}
html[data-season="yalda"] .tl-ss { opacity: .55; }
html[data-season="yalda"] .tl-ss-pomegranate--bl { width: min(160px, 13vw); left: -12px; bottom: -10px; filter: drop-shadow(0 10px 12px rgba(0,0,0,.28)); }
html[data-season="yalda"] .tl-ss-pomegranate--br { width: min(190px, 16vw); right: -16px; bottom: -6px; filter: drop-shadow(0 10px 12px rgba(0,0,0,.28)); }

html[data-season="ramadan"] {
    --bg: #061416;
    --tl-bg-glow-1: rgba(15, 118, 110, .2);
    --tl-bg-glow-2: rgba(252, 211, 77, .12);
    --tl-bg-glow-3: rgba(6, 40, 40, .28);
    --tl-bg-base-end: #041012;
}
html[data-season="ramadan"] .tl-season-banner {
    background: linear-gradient(90deg, #115e59, #0f766e 45%, #a16207);
}
html[data-season="ramadan"] .tl-ss-moon { width: 92px; top: 72px; left: 50%; transform: translateX(-50%); opacity: .9; }
html[data-season="ramadan"] .tl-ss-lantern { width: 70px; top: -6px; }
html[data-season="ramadan"] .tl-ss-lantern--tl { left: 6vw; }
html[data-season="ramadan"] .tl-ss-lantern--tr { right: 6vw; }

html[data-season="custom"] {
    --tl-bg-glow-1: rgba(192, 38, 211, .16);
    --tl-bg-glow-2: rgba(244, 114, 182, .12);
}
html[data-season="custom"] .tl-season-banner {
    background: linear-gradient(90deg, #86198f, #c026d3 50%, #be185d);
}
html[data-season="custom"] .tl-ss-orb {
    width: 220px; height: 220px; border-radius: 50%; filter: blur(8px); opacity: .55;
}
html[data-season="custom"] .tl-ss-orb--a { top: -40px; left: -40px; background: radial-gradient(circle, rgba(192,38,211,.55), transparent 70%); }
html[data-season="custom"] .tl-ss-orb--b { right: -30px; bottom: -40px; background: radial-gradient(circle, rgba(244,114,182,.45), transparent 70%); }

@media (max-width: 768px) {
    html[data-season="halloween"] .tl-ss-web { width: 78px; }
    html[data-season="halloween"] .tl-ss-tree { width: 82px; left: -18px; bottom: calc(62px + env(safe-area-inset-bottom, 0px)); }
    html[data-season="halloween"] .tl-ss-pumpkin { width: 90px; right: -26px; bottom: calc(58px + env(safe-area-inset-bottom, 0px)); }
    html[data-season="halloween"] .tl-ss-candle { width: 32px; left: 46px; bottom: calc(66px + env(safe-area-inset-bottom, 0px)); }
    html[data-season="nowruz"] .tl-ss-blossom { width: 88px; }
    html[data-season="yalda"] .tl-ss-pomegranate--bl,
    html[data-season="yalda"] .tl-ss-pomegranate--br { width: 88px; bottom: calc(64px + env(safe-area-inset-bottom, 0px)); }
    html[data-season="ramadan"] .tl-ss-lantern { width: 48px; }
    html[data-season="ramadan"] .tl-ss-moon { width: 64px; top: 64px; }
}