/* Nordinary – akcent sezonowy: Halloween.
   Działa tylko, gdy skrypt sezon.js doda klasę .nrd-spooky do <html>.
   Kolory tła liczy skrypt przy przewijaniu (zmienne --wp--preset--color--*), tu są poprawki elementów z kolorem na sztywno. */

/* Pasek nad menu zostaje ciemny przez cały czas. */
html.nrd-spooky .nrd-bar{background:#14110f;color:#f4efe9}
html.nrd-spooky .nrd-bar a{color:#f4efe9}

/* Elementy z kolorem wpisanym na stałe w motywie. */
html.nrd-spooky .nrd-site-footer{background:var(--soft);position:relative;overflow:hidden}
html.nrd-spooky .nrd-flogo p{color:var(--mute)}
html.nrd-spooky .nrd-moodcard{box-shadow:0 30px 60px -30px rgba(0,0,0,.45)}

/* Tekst zmienia kolor miękko; tło nie, bo zmienia się płynnie razem z przewijaniem. */
html.nrd-spooky :where(body,h1,h2,h3,h4,h5,h6,p,a,li,span,label,button,.nrd-header,.nrd-site-footer){transition:color .45s ease,border-color .45s ease}

/* Bodoni na ciemnym: cienkie kreski lekko pogrubione, żeby się nie zlewały. */
html.nrd-spooky.nrd-noc :where(h1,h2,h3,h4,.nrd-logo .w,.wp-block-heading){-webkit-text-stroke:.3px currentColor}
html.nrd-spooky.nrd-noc{color-scheme:dark}

/* Gwiazdy w stopce, widoczne dopiero w nocy. */
html.nrd-spooky .nrd-site-footer::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;opacity:calc((var(--nrd-n,0) - .55) * 2.2);transition:opacity .4s;
	background-image:
		radial-gradient(1px 1px at 8% 22%,#efe6d8 50%,transparent 51%),
		radial-gradient(1px 1px at 19% 64%,#efe6d8 50%,transparent 51%),
		radial-gradient(1.5px 1.5px at 31% 14%,#f7efe2 50%,transparent 51%),
		radial-gradient(1px 1px at 44% 48%,#efe6d8 50%,transparent 51%),
		radial-gradient(1px 1px at 57% 18%,#efe6d8 50%,transparent 51%),
		radial-gradient(1.5px 1.5px at 66% 72%,#f7efe2 50%,transparent 51%),
		radial-gradient(1px 1px at 78% 30%,#efe6d8 50%,transparent 51%),
		radial-gradient(1px 1px at 88% 58%,#efe6d8 50%,transparent 51%),
		radial-gradient(1.5px 1.5px at 94% 12%,#f7efe2 50%,transparent 51%),
		radial-gradient(1px 1px at 38% 86%,#efe6d8 50%,transparent 51%)}
html.nrd-spooky .nrd-site-footer > *{position:relative;z-index:1}

/* Nietoperz. */
html.nrd-spooky .nrd-logo{position:relative}
.nrd-bat{position:absolute;left:0;top:0;width:32px;height:19px;color:var(--ink);pointer-events:none;z-index:45;will-change:transform}
.nrd-bat svg{display:block;width:100%;height:100%;overflow:visible}
.nrd-bat .wing{transform-box:fill-box;transition:transform .35s ease}
.nrd-bat .wing.l{transform-origin:100% 30%}
.nrd-bat .wing.r{transform-origin:0% 30%}
/* Siedzi: skrzydła złożone przy ciele. */
.nrd-bat:not(.leci) .wing{transform:scaleX(.42) scaleY(.92)}
/* Leci: macha skrzydłami. */
.nrd-bat.leci .wing{animation:nrd-flap .2s ease-in-out infinite alternate}
/* W locie lekka poświata, żeby był widoczny także nad ciemnym paskiem i zdjęciami. */
.nrd-bat.leci svg{filter:drop-shadow(0 0 1.5px rgba(246,240,231,.85))}
html.nrd-noc .nrd-bat.leci svg{filter:drop-shadow(0 0 1.5px rgba(20,17,15,.8))}
@keyframes nrd-flap{from{transform:scaleY(1)}to{transform:scaleY(-.35)}}
/* Siedzący nietoperz raz na jakiś czas strzyże uszami. */
.nrd-bat:not(.leci) .glowa{animation:nrd-uszy 7s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 100%}
@keyframes nrd-uszy{0%,92%,100%{transform:none}95%{transform:rotate(-8deg)}97%{transform:rotate(6deg)}}

/* Drugi nietoperz na logo w stopce, pojawia się w nocy. */
html.nrd-spooky .nrd-flogo{position:relative}
.nrd-bat-stopka{position:absolute;left:37px;top:-15px;width:30px;height:18px;color:#f3ede4;opacity:0;transition:opacity .8s;pointer-events:none}
html.nrd-noc .nrd-bat-stopka.widoczny{opacity:1}

@media (max-width:760px){
	.nrd-bat{width:22px;height:13px}
}
@media (prefers-reduced-motion:reduce){
	.nrd-bat .glowa,.nrd-bat.leci .wing{animation:none}
	html.nrd-spooky :where(body,h1,h2,h3,h4,h5,h6,p,a,li,span,label,button,.nrd-header,.nrd-site-footer){transition:none}
}