/* Fireflies Christmas overlay. Loads after the original style.css; no original layout rules are replaced. */
:root{--xmas-green:#174b37;--xmas-red:#a92d24;--xmas-gold:#e8bd62}
header{background:rgba(247,241,224,.98);border-bottom:4px solid var(--xmas-green);box-shadow:0 3px 12px rgba(0,0,0,.12)}
.logo span{color:var(--xmas-red)}
nav a:hover,nav a.active{color:var(--xmas-green)}
.hero{background:radial-gradient(circle at 50% 38%,#f8df9a 0,#c68b35 23%,#9c352b 52%,#123c32 100%)}
.hero:before{opacity:.62}
.hero:after{content:"";display:block;position:absolute;left:0;right:0;top:0;height:18px;background:radial-gradient(circle,#ffe6a0 0 2px,transparent 3px) 0 0/42px 18px repeat-x;filter:drop-shadow(0 0 5px #ffdf85);pointer-events:none}
.hero-content:after{content:"🎅";position:absolute;top:-42px;right:4%;font:36px/1 Arial,sans-serif;filter:drop-shadow(2px 3px 2px rgba(0,0,0,.25));animation:santa-bob 4s ease-in-out infinite}
@keyframes santa-bob{50%{transform:translateY(-5px) rotate(4deg)}}
.eyebrow{color:#fff1c8}
.hero h1{text-shadow:6px 6px 0 #174b37,0 0 20px rgba(255,225,155,.25)}
.button{background:var(--xmas-green);border-color:var(--xmas-green)}
.button.alt{color:#fff8e9;border-color:#fff0ca;background:rgba(23,75,55,.25)}
.section:not(.dark){background-color:#f8f0df}
.section.dark{background:#123c32}
.section.dark .quote{border-left-color:var(--xmas-gold)}
.advent-promo{padding:18px 0 42px;background:#f8f0df}
.advent-promo img{display:block;width:100%;height:auto;border:5px solid #fff8e9;border-radius:12px;box-shadow:0 5px 0 #174b37,0 0 0 1px #c9a45c}
footer{background:#123c32;border-top:7px solid #a92d24}
footer strong{color:#f2d48c}
footer a:hover{color:#f2d48c}
.christmas-ribbon{text-align:center;background:#174b37;color:#fff2d1;font:900 11px/1.2 Arial,sans-serif;letter-spacing:2.5px;padding:9px 12px;border-bottom:1px solid #d8b66d}
.snow{position:fixed;inset:0;pointer-events:none;z-index:50;overflow:hidden}
.flake{position:absolute;top:-15px;color:#fff;opacity:.68;text-shadow:0 0 5px rgba(255,255,255,.7);font-family:Arial,sans-serif;animation:christmas-fall linear infinite}
@keyframes christmas-fall{to{transform:translate3d(16px,110vh,0) rotate(180deg)}}
@media(max-width:800px){.advent-promo{padding:8px 0 28px}.advent-promo img{border-width:3px}}
@media(prefers-reduced-motion:reduce){.flake,.hero-content:after{display:none;animation:none}}