/* Temporary Thanksgiving theme. Loaded by header.php inside its date window (or with ?theme=thanksgiving). */

:root {
    --tg-amber: #f59e0b;
    --tg-rust: #c2410c;
    --tg-night: #16110d;
}

/* Header: warm harvest-evening tint */
.main-header,
.main-header-sub {
    position: relative;
    overflow: hidden;
    background-image:
        radial-gradient(ellipse at 50% 110%, rgba(245, 158, 11, 0.35) 0, transparent 60%),
        linear-gradient(180deg, rgba(90, 40, 10, 0.45) 0%, rgba(160, 70, 15, 0.3) 60%, rgba(22, 17, 13, 0.85) 100%),
        url('../images/header-bg.webp');
}

/* Falling leaves: two tiled layers falling at different speeds, the whole sheet swaying */
.main-header::before,
.main-header-sub::before {
    content: "";
    position: absolute;
    inset: -40px -60px 0;
    pointer-events: none;
    z-index: 2;
    --tg-leaf: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 520 640'%3E%3Cdefs%3E%3Cg id='l'%3E%3Cpath d='M0-15C-9-9-11 0-7 9c1 2 3 3 5 2 7-3 11-10 10-18C7-11 3-14 0-15z'/%3E%3Cpath d='M-4 13L1-11M-3 4l-4-3M-1-2l6-3M-2 9l7-6' stroke='%23000' stroke-opacity='.3' fill='none' stroke-width='1.2'/%3E%3C/g%3E%3C/defs%3E%3Cuse href='%23l' fill='%23d97706' transform='translate(70 90) rotate(25)'/%3E%3Cuse href='%23l' fill='%23b91c1c' transform='translate(360 230) rotate(-40) scale(1.2)'/%3E%3Cuse href='%23l' fill='%23ca8a04' transform='translate(180 450) rotate(70) scale(.9)'/%3E%3Cuse href='%23l' fill='%23ea580c' transform='translate(460 560) rotate(-10)'/%3E%3C/svg%3E");
    background-image: var(--tg-leaf), var(--tg-leaf);
    background-size: 520px 640px, 380px 468px;
    opacity: .9;
    animation: tg-fall 22s linear infinite, tg-sway 5s ease-in-out infinite alternate;
}
@keyframes tg-fall {
    from { background-position: 0 0, 200px 100px; }
    to   { background-position: 0 640px, 200px 1036px; }
}
@keyframes tg-sway { from { translate: -25px 0; } to { translate: 25px 0; } }

.header-title .title-site {
    color: var(--tg-amber);
    text-shadow: 0 0 18px rgba(245, 158, 11, 0.45), 2px 2px 3px rgba(0, 0, 0, 0.6);
}
.header-title .title-site::after { content: " 🦃"; font-size: .8em; }

/* Nav + buttons */
.main-links a:hover, .main-links a.active { color: #fcd34d; }
.main-header-container.sticky {
    background: rgba(28, 18, 10, 0.85);
    border-bottom-color: rgba(245, 158, 11, 0.35);
}
.gh-login {
    background: linear-gradient(135deg, #f59e0b 0%, #c2410c 100%);
    box-shadow: 0 4px 18px rgba(245, 158, 11, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.25);
}

/* Content: warm dark page, amber glow on the raised panel */
.main-section { background-color: var(--tg-night); }
.main-section a:hover { color: var(--tg-amber); }
.main-section > .container,
.main-section > .player-profile-container,
.main-section > .game-detail-container {
    z-index: 3;
    border-color: rgba(245, 158, 11, 0.25);
    box-shadow: 0 -12px 40px rgba(0, 0, 0, 0.45), 0 0 50px rgba(245, 158, 11, 0.07);
}

.footer { border-top: 2px solid rgba(245, 158, 11, 0.5); }

@media (prefers-reduced-motion: reduce) {
    .main-header::before, .main-header-sub::before { animation: none; }
}