/* Atmosfere sezoniere: aceeași structură și același conținut, altă lumină. */
.seasonal-atmosphere {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 0;
    overflow: hidden;
    pointer-events: none;
}

body[data-theme="halloween"],
body[data-theme="christmas"] { position: relative; }
body[data-theme="halloween"]::before,
body[data-theme="christmas"]::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
}
body[data-theme="halloween"] > *:not(.seasonal-atmosphere),
body[data-theme="christmas"] > *:not(.seasonal-atmosphere) { position: relative; z-index: 1; }
body[data-theme="halloween"] .seasonal-atmosphere,
body[data-theme="christmas"] .seasonal-atmosphere { display: block; }

/* Halloween — fum violet închis și portocaliu ars, fără elemente copilărești. */
body[data-theme="halloween"] {
    --season-accent: #ff842b;
    --season-accent-soft: rgba(255,132,43,.24);
    background-color: #0e0a10;
}
body[data-theme="halloween"]::before {
    background:
        linear-gradient(rgba(15,8,18,.56), rgba(10,8,12,.72)),
        url("images/background.png") center top / cover fixed no-repeat;
}
body[data-theme="halloween"] .seasonal-atmosphere {
    background:
        radial-gradient(ellipse at 8% 22%, rgba(110,47,126,.15), transparent 32%),
        radial-gradient(ellipse at 94% 48%, rgba(255,112,28,.09), transparent 27%);
}
body[data-theme="halloween"] .seasonal-atmosphere::before,
body[data-theme="halloween"] .seasonal-atmosphere::after {
    content: "";
    position: absolute;
    width: 44vw;
    height: 16vh;
    min-width: 360px;
    border-radius: 50%;
    filter: blur(36px);
    opacity: .23;
    background: linear-gradient(90deg, transparent, #6f3b74, transparent);
    animation: halloween-fog 19s ease-in-out infinite alternate;
}
body[data-theme="halloween"] .seasonal-atmosphere::before { top: 22%; left: -10%; }
body[data-theme="halloween"] .seasonal-atmosphere::after { top: 66%; right: -12%; animation-delay: -8s; }
body[data-theme="halloween"] .nav,
body[data-theme="halloween"] .hero,
body[data-theme="halloween"] .server-showcase,
body[data-theme="halloween"] #live,
body[data-theme="halloween"] .discord-panel,
body[data-theme="halloween"] .footer {
    border-color: rgba(255,132,43,.23);
    box-shadow: inset 0 1px rgba(255,255,255,.025), 0 20px 55px rgba(4,2,6,.3);
}
body[data-theme="halloween"] .nav::after {
    content: "HALLOWEEN MODE";
    position: absolute;
    right: 24px;
    bottom: -20px;
    color: rgba(255,145,66,.55);
    font: 700 8px/1 "Barlow", sans-serif;
    letter-spacing: .2em;
}
body[data-theme="halloween"] .eyebrow,
body[data-theme="halloween"] .hero h1 em,
body[data-theme="halloween"] .section-kicker,
body[data-theme="halloween"] .server-mode,
body[data-theme="halloween"] .live-command-kicker,
body[data-theme="halloween"] .footer-label { color: #ff8b38; }
body[data-theme="halloween"] .btn.primary,
body[data-theme="halloween"] .nav-cta,
body[data-theme="halloween"] .server-connect,
body[data-theme="halloween"] .live-connect {
    color: #171014;
    background: #ff842b;
    border-color: #ff842b;
}
body[data-theme="halloween"] .btn.primary:hover,
body[data-theme="halloween"] .nav-cta:hover,
body[data-theme="halloween"] .server-connect:hover,
body[data-theme="halloween"] .live-connect:hover { background:#ff9c58; border-color:#ff9c58; }
body[data-theme="halloween"] .hud-rail span { background: linear-gradient(transparent, rgba(255,132,43,.48), transparent); }

/* Crăciun — lumină rece, zăpadă fină și detalii roșu/brad. */
body[data-theme="christmas"] {
    --season-accent: #dceef7;
    --season-red: #d54a52;
    background-color: #071014;
}
body[data-theme="christmas"]::before {
    background:
        linear-gradient(rgba(6,19,25,.48), rgba(6,12,15,.7)),
        url("images/background.png") center top / cover fixed no-repeat;
}
body[data-theme="christmas"] .seasonal-atmosphere {
    opacity: .72;
    background-image:
        radial-gradient(circle, rgba(255,255,255,.9) 0 1px, transparent 1.5px),
        radial-gradient(circle, rgba(215,238,248,.65) 0 1.4px, transparent 1.8px),
        radial-gradient(circle, rgba(255,255,255,.55) 0 2px, transparent 2.4px);
    background-size: 110px 130px, 170px 190px, 260px 290px;
    background-position: 12px -40px, 70px -90px, 130px -150px;
    animation: christmas-snow 22s linear infinite;
}
body[data-theme="christmas"] .seasonal-atmosphere::after {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 125px;
    background: linear-gradient(180deg, rgba(48,113,87,.09), transparent);
}
body[data-theme="christmas"] .nav,
body[data-theme="christmas"] .hero,
body[data-theme="christmas"] .server-showcase,
body[data-theme="christmas"] #live,
body[data-theme="christmas"] .discord-panel,
body[data-theme="christmas"] .footer {
    border-color: rgba(190,224,237,.24);
    box-shadow: inset 0 1px rgba(233,248,255,.045), 0 20px 55px rgba(1,8,11,.3);
}
body[data-theme="christmas"] .nav::after {
    content: "";
    position: absolute;
    inset: auto 25px -3px 25px;
    height: 3px;
    border-radius: 50%;
    background: linear-gradient(90deg, transparent, #44785d 22%, #c83e49 22.5% 23%, #547f68 50%, #d5b74a 50.5% 51%, #44785d 78%, transparent);
    opacity: .76;
}
body[data-theme="christmas"] .eyebrow,
body[data-theme="christmas"] .section-kicker,
body[data-theme="christmas"] .server-mode,
body[data-theme="christmas"] .live-command-kicker,
body[data-theme="christmas"] .footer-label { color: #a8d7e9; }
body[data-theme="christmas"] .hero h1 em { color: #eef9ff; text-shadow: 0 0 25px rgba(169,220,239,.2); }
body[data-theme="christmas"] .btn.primary,
body[data-theme="christmas"] .nav-cta,
body[data-theme="christmas"] .server-connect,
body[data-theme="christmas"] .live-connect {
    color: #fff;
    background: #c83f49;
    border-color: #c83f49;
}
body[data-theme="christmas"] .btn.primary:hover,
body[data-theme="christmas"] .nav-cta:hover,
body[data-theme="christmas"] .server-connect:hover,
body[data-theme="christmas"] .live-connect:hover { background:#df555f; border-color:#df555f; }
body[data-theme="christmas"] .hud-rail span { background: linear-gradient(transparent, rgba(192,229,241,.5), transparent); }

@keyframes halloween-fog {
    to { transform: translate3d(32vw, 2vh, 0) scale(1.18); opacity: .13; }
}
@keyframes christmas-snow {
    to { background-position: 32px 1090px, 28px 1410px, 200px 1710px; }
}

@media (max-width: 720px) {
    body[data-theme="halloween"] .nav::after { display:none; }
    body[data-theme="christmas"] .seasonal-atmosphere { opacity:.5; }
}
@media (prefers-reduced-motion: reduce) {
    body[data-theme="halloween"] .seasonal-atmosphere::before,
    body[data-theme="halloween"] .seasonal-atmosphere::after,
    body[data-theme="christmas"] .seasonal-atmosphere { animation:none; }
}