/* ============================================================
   Väder- och säsongsfärger, levande knappar. Läggs efter polish.css.
   Färgen --mC sätts av vädret (html[data-mood]) och av högtider (html[data-season]).
   ============================================================ */
:root:not([data-theme=light]){--brand:var(--mC);--brand-soft:color-mix(in srgb,var(--mC) 15%,transparent);--brand-line:color-mix(in srgb,var(--mC) 42%,transparent);--brand2:color-mix(in srgb,var(--mC) 60%,#4a90d9)}
[data-theme=light]{--brand:color-mix(in srgb,var(--mC) 52%,#0b2a30);--brand-soft:color-mix(in srgb,var(--mC) 14%,transparent);--brand-line:color-mix(in srgb,var(--mC) 45%,transparent);--brand2:color-mix(in srgb,var(--mC) 45%,#1b5f88)}

/* Högtider */
html[data-season=halloween]{--mA:rgba(255,120,20,.30);--mB:rgba(140,60,220,.28);--mC:#ff8a1f}
html[data-season=jul]{--mA:rgba(255,80,80,.24);--mB:rgba(40,200,110,.22);--mC:#ff6b6b}
html[data-season=nyar]{--mA:rgba(255,211,107,.28);--mB:rgba(155,123,255,.28);--mC:#ffd36b}
html[data-season=hjartan]{--mA:rgba(255,100,150,.26);--mB:rgba(255,179,207,.18);--mC:#ff7aa8}
html[data-season=pask]{--mA:rgba(255,224,102,.26);--mB:rgba(160,230,120,.22);--mC:#ffd84d}
html[data-season=valborg]{--mA:rgba(255,140,40,.30);--mB:rgba(255,80,40,.20);--mC:#ff9a3c}
html[data-season=nationaldag]{--mA:rgba(61,155,255,.26);--mB:rgba(255,210,63,.22);--mC:#4aa3ff}
html[data-season=midsommar]{--mA:rgba(255,213,74,.28);--mB:rgba(120,220,120,.22);--mC:#ffd54a}
html[data-season] .skybg::before{opacity:calc(var(--aurora-o) * 2.3)}

/* Knappar: färgen följer vädret, med en glimt som glider förbi ibland */
.btn--primary{background:linear-gradient(135deg,var(--brand),var(--brand2));position:relative;overflow:hidden;isolation:isolate}
[data-theme=light] .btn--primary{background:linear-gradient(135deg,var(--brand),var(--brand2))}
.btn--primary::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.38) 50%,transparent 65%);transform:translateX(-130%);animation:btnSheen 7s ease-in-out infinite}
@keyframes btnSheen{0%,72%{transform:translateX(-130%)}100%{transform:translateX(130%)}}
.btn:active{transform:translateY(1px) scale(.985)}
.chip.is-on,.tab.is-active{border-color:var(--brand-line)}

/* Lite mer liv */
.logo__mark{animation:logoFloat 7s ease-in-out infinite}
@keyframes logoFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-2px) rotate(-3deg)}}
.eyebrow::before{animation:eyeLine 5s ease-in-out infinite}
@keyframes eyeLine{0%,100%{width:20px}50%{width:34px}}
.quick__a{transition:transform .25s var(--ease),border-color .25s,background .25s}
.quick__a:hover{transform:translateY(-3px)}
.quick__a .i{transition:transform .35s var(--ease)}
.quick__a:hover .i{transform:scale(1.18) rotate(-6deg)}
.bottomnav__a.is-active .i{animation:navPop .5s var(--ease)}
@keyframes navPop{0%{transform:scale(.7)}60%{transform:scale(1.18)}100%{transform:scale(1)}}
@keyframes cardIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* Luft mellan rutor på startsidorna */
.main>.pulse,.main>.lgs,.main>.lage,.main>.quick,.main>.card,.main>section{margin-bottom:18px}
.main>.pagehead{margin-bottom:20px}
.lgs{margin-bottom:18px}.lgs + .lage{margin-top:0}
@media (max-width:600px){.lgs{flex-direction:row;flex-wrap:wrap;gap:6px 10px}.lgs__x{flex:1 1 100%;order:3}.lgs>a{margin-left:auto;order:2}}
.homeskip{margin:10px 0 0;font-size:.88rem}.homeskip .linkbtn{padding:0}

/* Sektionsmeny på fler sidor (samma som på Läget) */
.lgc-s1{--ac:#4aa8ff}.lgc-s2{--ac:#f0a43a}.lgc-s3{--ac:#42c58a}.lgc-s4{--ac:#f2d54a}.lgc-s5{--ac:#b58cff}.lgc-s6{--ac:#ff7a90}
.secnav__t{scroll-margin-top:calc(var(--topbar-h) + 76px)}

/* Jul: ljusslinga */
.season-lights{position:fixed;left:0;right:0;top:0;height:30px;z-index:70;pointer-events:none;overflow:hidden}
.season-lights::before{content:"";position:absolute;left:0;right:0;top:4px;height:2px;background:rgba(20,40,30,.7)}
.season-lights i{position:absolute;top:5px;width:9px;height:13px;border-radius:50% 50% 55% 55%;background:var(--c,#ff5d5d);box-shadow:0 0 10px 3px var(--c,#ff5d5d);animation:bulb 2.4s ease-in-out infinite;display:block;position:relative;float:left;margin:3px 29px 0 0;transform-origin:top}
.season-lights i:nth-child(4n+1){--c:#ff5d5d}.season-lights i:nth-child(4n+2){--c:#ffd36b;animation-delay:.5s}.season-lights i:nth-child(4n+3){--c:#4ade80;animation-delay:1s}.season-lights i:nth-child(4n){--c:#60a5fa;animation-delay:1.5s}
.season-lights i:nth-child(odd){margin-top:6px}
@keyframes bulb{0%,100%{opacity:1;filter:brightness(1.1)}50%{opacity:.4;filter:brightness(.7)}}

/* Halloween: spindel i tråd */
.season-spider{position:fixed;top:0;right:27%;z-index:70;pointer-events:none;transform-origin:top center;animation:spSwing 6s ease-in-out infinite;will-change:transform}
.season-spider u{display:block;width:1px;height:46px;margin:0 auto;background:rgba(220,220,235,.6);}
.season-spider b{display:block;width:16px;height:14px;border-radius:50%;margin:-1px auto 0;background:radial-gradient(circle at 35% 40%,#ff8a1f 0 12%,transparent 14%),radial-gradient(circle at 65% 40%,#ff8a1f 0 12%,transparent 14%),#1d1030;box-shadow:0 0 0 1px rgba(255,138,31,.45),-9px 3px 0 -4px #1d1030,9px 3px 0 -4px #1d1030,-11px -2px 0 -5px #1d1030,11px -2px 0 -5px #1d1030}
@keyframes spSwing{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}

@media (max-width:640px){.season-spider{right:4%;transform:scale(.8)}}

.season-cv{position:fixed;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}

@media (prefers-reduced-motion:reduce){.btn--primary::after,.logo__mark,.eyebrow::before,.season-spider,.season-spider u,.season-lights i{animation:none}.season-cv{display:none}}
@media print{.season-cv,.season-lights,.season-spider{display:none}}

/* Anpassa Min start: mallar och dra-handtag */
.presets{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.wlist__h{cursor:grab;touch-action:none;color:var(--muted);padding:6px 8px 6px 0;display:inline-flex;align-items:center}
.wlist li{display:flex;align-items:center;gap:6px}.wlist li.is-drag{opacity:.55;outline:2px dashed var(--brand-line);border-radius:10px}
.wlist__g{color:var(--brand);font-weight:600}
.wlist__t b .i{margin-right:6px;color:var(--brand)}
/* Rutor från Läget inuti Min start */
.lgwrap>.card{margin:0}.lgwrap .lg__sec{scroll-margin-top:calc(var(--topbar-h) + 76px)}
.wlist__t b{display:flex;align-items:center;gap:8px}.wlist__t b .i{margin:0;flex:none}