/* Jul är kul — all decoration is scoped to the selected theme. */
html[data-special-theme="christmas"]{--bg:#071c17;--panel:#102e25;--panel2:#193a2e;--text:#fff4da;--muted:#d2cfb6;--gold:#f1cc74;--line:#d5bc7752;--glass:#09251eea;--header-bg:#08241ef2;--hero-bg:#071c17;--tank-volume-marker:#efb951;color-scheme:dark}
html[data-special-theme="christmas"] body{background:radial-gradient(ellipse at 5% 30%,#245e392f,transparent 45%),radial-gradient(ellipse at 95% 65%,#961e2733,transparent 40%),#071c17}
.christmas-decor,.christmas-greeting{display:none}
html[data-special-theme="christmas"] .christmas-decor{display:block;position:fixed;inset:0;z-index:51;pointer-events:none;overflow:hidden;contain:strict}
.christmas-lights{position:absolute;left:0;right:0;top:-9px;height:28px;display:flex;justify-content:space-around;border-bottom:2px solid #416344;border-radius:0 0 50% 45%}
.christmas-lights i{display:block;width:8px;height:13px;margin-top:15px;border-radius:40% 40% 55% 55%;background:#ffd979;box-shadow:0 0 14px 3px #ffb83b90;animation:christmas-glow 4s ease-in-out infinite alternate}
.christmas-lights i:nth-child(3n){background:#ef6553;box-shadow:0 0 13px #ff413b;animation-delay:-2s}.christmas-lights i:nth-child(3n + 1){background:#a8d8a2;box-shadow:0 0 13px #80eaa5;animation-delay:-1s}
.christmas-snow{position:absolute;top:-20px;left:var(--snow-x);width:var(--snow-size);height:var(--snow-size);border-radius:50%;background:#fff8e9;opacity:0;animation:christmas-snowfall var(--snow-duration) linear var(--snow-delay) infinite}
@keyframes christmas-snowfall{0%{transform:translate3d(0,-20px,0);opacity:0}8%{opacity:.65}90%{opacity:.65}100%{transform:translate3d(45px,105vh,0);opacity:0}}
@keyframes christmas-glow{from{opacity:.55}to{opacity:1}}
html[data-special-theme="christmas"] .desktop-header,html[data-special-theme="christmas"] .mobile-header,html[data-special-theme="christmas"] .mobile-nav{border-color:#e1c77a72;box-shadow:0 4px 30px #0005}
html[data-special-theme="christmas"] .brand{color:#fff0ca;text-shadow:0 2px 14px #f8bf4740}
html[data-special-theme="christmas"] .hero{isolation:isolate;overflow:hidden;background:#071c17 url('assets/christmas-village-v1.png') center bottom/cover no-repeat;min-height:900px;padding-top:145px;padding-bottom:190px}
html[data-special-theme="christmas"] .hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent,#061b17ad 33%,#061b17ad 67%,transparent),linear-gradient(0deg,transparent 20%,#071c1720 65%,#071c1788)}
html[data-special-theme="christmas"] .hero:after{display:none}
html[data-special-theme="christmas"] .hero-inner{position:relative;max-width:720px;margin:auto}
html[data-special-theme="christmas"] .christmas-greeting{display:block;width:fit-content;max-width:100%;margin:0 auto 23px;padding:9px 28px;border:1px solid #e9c776;background:#852c32;box-shadow:0 5px 0 #481820,0 8px 30px #0004;color:#fff4db;font-family:Georgia,serif;font-size:clamp(1.5rem,4vw,2.1rem);font-style:italic;border-radius:5px;transform:rotate(-3deg)}
html[data-special-theme="christmas"] .hero h1{font-family:Georgia,'Times New Roman',serif;font-weight:700;letter-spacing:-.055em;color:#fff3d9;text-shadow:0 5px 20px #000b;font-size:clamp(4rem,7vw,6.3rem)}
html[data-special-theme="christmas"] .hero-copy{color:#f0e8d4;max-width:560px;margin-left:auto;margin-right:auto;text-shadow:0 2px 8px #000}
html[data-special-theme="christmas"] .eyebrow,html[data-special-theme="christmas"] .section-label{color:#f1cc74;letter-spacing:.2em}
html[data-special-theme="christmas"] .section h2{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.04em;color:#fff0cf}
html[data-special-theme="christmas"] .dark-block{background:#09271f;border-color:#dec78455}
html[data-special-theme="christmas"] :is(.beer-card,.story-card,.info-card,.fact,.brewery-panel,.calendar-event,.blog-card,.newsletter-card,.footer-contact-card,.founder-card,.application-card){border-color:#b99b5a70;background:linear-gradient(135deg,#335c3322,transparent 55%),var(--panel);box-shadow:0 15px 40px #0003,inset 0 1px #fff1bb1c}
html[data-special-theme="christmas"] :is(.beer-card,.story-card,.info-card,.calendar-event,.founder-card){border-top:3px solid #d7ba71}
html[data-special-theme="christmas"] :is(.beer-card,.info-card,.story-card):hover{border-color:#f1cc74;box-shadow:0 18px 45px #0005,0 0 25px #d7b65812}
html[data-special-theme="christmas"] .button-primary,html[data-special-theme="christmas"] .newsletter-submit{background:#ae3440;color:#fff6e6;border:1px solid #e3b36c;box-shadow:0 6px 18px #0004}
html[data-special-theme="christmas"] .button-primary:hover{background:#c7424b}
html[data-special-theme="christmas"] :is(.button-outline,.social-link,.pill){border-color:#d7ba7170;color:#fff0cf;background:#0c2a21}
html[data-special-theme="christmas"] .booking-coming{background:#0b2a22e8;border-color:#d8b46480;box-shadow:0 10px 30px #0004}
html[data-special-theme="christmas"] .membership,html[data-special-theme="christmas"] .membership-v38{background:radial-gradient(ellipse at top,#bc3e4366,transparent 70%),#681e29!important;color:#fff1d6!important;border:1px solid #dabc73}
html[data-special-theme="christmas"] .membership .section-label{color:#f3cd7e!important}
html[data-special-theme="christmas"] .membership .button{background:#f0cf82;color:#381b17}
html[data-special-theme="christmas"] :is(.section-heading,.about-intro){position:relative;padding-top:48px}
html[data-special-theme="christmas"] :is(.section-heading,.about-intro):before{content:"";position:absolute;top:0;left:0;width:180px;height:38px;pointer-events:none;background:url('assets/christmas-garland.svg') center/contain no-repeat}
html[data-special-theme="christmas"] .beer-product-image{filter:drop-shadow(0 6px 20px #dfbb6c20)}
html[data-special-theme="christmas"] .calendar-date{background:#9e2c39;color:#fff3d4;border:1px solid #d5b46b}
html[data-special-theme="christmas"] .calendar-tag,html[data-special-theme="christmas"] .location-type{color:#f1ce82;border-color:#d4b97870;background:#123a2a}
html[data-special-theme="christmas"] footer{position:relative;background:linear-gradient(#071c17,#03150f);border-top:1px solid #dfbd7255;padding-top:110px}
html[data-special-theme="christmas"] footer:before{content:"";position:absolute;top:0;left:0;right:0;height:70px;background:url('assets/christmas-garland.svg') center top/330px 70px repeat-x;pointer-events:none}
html[data-special-theme="christmas"] .theme-toggle svg,html[data-special-theme="christmas"] .theme-toggle .matrix-icon{display:none!important}
html[data-special-theme="christmas"] .theme-toggle:before{content:"✦";color:#f2cd72;font-size:25px;text-shadow:0 0 12px #f3c97a}
html[data-special-theme="christmas"] ::selection{background:#d5b56c;color:#14281d}
@media(max-width:800px){html[data-special-theme="christmas"] .hero{min-height:1080px;padding:125px 20px 350px;background-size:100% auto;background-position:center bottom}html[data-special-theme="christmas"] .hero:before{background:linear-gradient(180deg,#071c1740,#071c17b8 30%,#071c17b8 65%,transparent 90%)}html[data-special-theme="christmas"] .hero h1{font-size:clamp(3.8rem,16vw,5.5rem)}.christmas-lights{top:-12px}.christmas-lights i{width:6px;height:10px}html[data-special-theme="christmas"] .christmas-greeting{margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){.christmas-snow{display:none}.christmas-lights i{animation:none}}
