/* =========================================================================
   Sezónní nálady (jaro, léto, podzim, zima) – přebarvení scény, den i noc
   ========================================================================= */

.season-tag{position:absolute;z-index:6;top:120px;right:7%;display:none;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#fff;box-shadow:0 10px 26px rgba(11,70,93,.16);font:700 13px "Montserrat",sans-serif;color:#0b465d}
html[data-season] .season-tag{display:flex}
html.night .season-tag{background:#0d2832;color:#e4f0f3;box-shadow:0 10px 26px rgba(0,0,0,.4)}
.hero{transition:background .6s}

/* Sezóny mění jen barevné proměnné scény. Denní a noční odstíny jsou zvlášť,
   takže den/noc (třída html.night) funguje v každém ročním období.
   :not(.night) = den, .night = noc. */

/* ===== JARO – rozkvetlé stromy ===== */
html[data-season="jaro"]:not(.night){--iso-tree:#ffc2d6;--iso-tree2:#ffffff;--iso-tree3:#ffc2d6;--iso-st:#d8f2c4;--sky1:#f3fbf1;--sky2:#ffffff}
html.night[data-season="jaro"]{--iso-tree:#b0607f;--iso-tree2:#d9cbd8;--iso-tree3:#b0607f;--iso-st:#163a2b}

/* ===== LÉTO – sytá zeleň, výrazné slunce ===== */
html[data-season="leto"]:not(.night){--iso-tree:#2fa300;--iso-tree2:#2fa300;--iso-tree3:#2fa300;--iso-st:#cdeeb4;--sky1:#e2f4ff;--sky2:#fffdf0}
html.night[data-season="leto"]{--iso-tree:#1f7a1c;--iso-tree2:#1f7a1c;--iso-tree3:#1f7a1c;--iso-st:#123a26}
html[data-season="leto"]:not(.night) .sun{box-shadow:0 0 0 18px rgba(255,226,64,.18),0 0 0 40px rgba(255,226,64,.1),0 0 90px 30px rgba(255,214,0,.45);transform:scale(1.15)}

/* ===== PODZIM – barevné stromy, teplejší světlo ===== */
html[data-season="podzim"]:not(.night){--iso-tree:#f08a24;--iso-tree2:#d9452b;--iso-tree3:#f2c230;--iso-st:#efe6c8;--sky1:#fdf3e6;--sky2:#ffffff}
html.night[data-season="podzim"]{--iso-tree:#a8561c;--iso-tree2:#8a2f1f;--iso-tree3:#a88a1f;--iso-st:#2a2a1a}
html[data-season="podzim"] #heroIso .rf,html[data-season="podzim"] #heroIso .rf2,html[data-season="podzim"] #heroIso .gr{filter:saturate(.75) brightness(.95)}

/* ===== ZIMA – sníh na střechách, zasněžené stromy, víc rozsvícených oken ===== */
html[data-season="zima"]:not(.night){--iso-roof:#ffffff;--iso-roof2:#dbe9f2;--iso-tree:#e9f3f8;--iso-tree2:#e9f3f8;--iso-tree3:#e9f3f8;--iso-st:#f4f9fc;--sky1:#e6f0f8;--sky2:#ffffff}
html.night[data-season="zima"]{--iso-roof:#c9d9e3;--iso-roof2:#9fb4c2;--iso-tree:#b7cad6;--iso-tree2:#b7cad6;--iso-tree3:#b7cad6;--iso-st:#8fa6b4}

/* barvy stromů (tři odstíny střídavě) – platí pro den i noc */
html[data-season] #heroIso .tc{fill:var(--iso-tree)}
html[data-season] #heroIso .tc:nth-of-type(3n){fill:var(--iso-tree2)}
html[data-season] #heroIso .tc:nth-of-type(3n+1){fill:var(--iso-tree3)}
html[data-season="zima"] #heroIso .iw.winter-on{fill:var(--iso-lit)}
html[data-season="zima"] #heroIso .lmp{filter:drop-shadow(0 0 6px #ffe27a)}

/* =========================================================================
   Sezónní ozdoby sídliště (js/season-scene.js): vidět je jen aktuální období
   ========================================================================= */
#heroIso .sz{display:none}
#heroIso .sz polygon:not([stroke]),#heroIso .sz ellipse:not([stroke]),#heroIso .sz path:not([stroke]):not(.sz-drift){stroke:none}   /* bez obrysů, které scéna dává mnohoúhelníkům */
html[data-season="jaro"] #heroIso .sz-jaro,html[data-season="leto"] #heroIso .sz-leto,
html[data-season="podzim"] #heroIso .sz-podzim,html[data-season="zima"] #heroIso .sz-zima{display:inline}
/* v noci ozdoby ztlumit (sníh a sněžení ne) */
html.night #heroIso .sz{opacity:.6}
html.night #heroIso .sz-zima{opacity:.85}
html.night #heroIso .sz-flakes{opacity:1}

/* jaro */
#heroIso .sz-bed{fill:#9bd67a}
html.night #heroIso .sz-bed{fill:#2c5a2f}
/* léto */
#heroIso .sz-pool-sh{fill:rgba(11,70,93,.18)}
#heroIso .sz-pool-rim{fill:#ffffff}
#heroIso .sz-pool{fill:#49c6e5}
#heroIso .sz .sz-pool-hl{fill:none;stroke:#c9f4fc;stroke-width:1.6;animation:szShim 4s ease-in-out infinite}
#heroIso .sz-duck{animation:szBob 5s ease-in-out infinite}
#heroIso .sz-shade{fill:rgba(11,70,93,.16)}
#heroIso .sz-chair{fill:#ffd23f}
#heroIso .sz-chair2{fill:#f2b800}
#heroIso .sz-pole{stroke:#7a5a3a;stroke-width:2}
#heroIso .sz-para{fill:#ff6b5a}
#heroIso .sz-para2{fill:#ffffff}
#heroIso .sz-stem{stroke:#3f8f1f;stroke-width:2}
#heroIso .sz-blanket{fill:#e8473b}
#heroIso .sz-mow{fill:rgba(47,163,0,.09)}
#heroIso .sz .sz-bush{fill:#3fa31a;stroke:#2c7a12;stroke-width:.8}
html.night #heroIso .sz-mow{fill:rgba(0,0,0,.08)}
#heroIso .sz-blanket2{fill:#ffffff;opacity:.85}
/* podzim */
#heroIso .sz-pile{fill:#d9762a}
#heroIso .sz-fall{transform-box:fill-box;transform-origin:center;opacity:0;animation:szLeaf 9s linear infinite}
/* zima */
#heroIso .sz-drift{fill:#ffffff;stroke:#d3e3ee;stroke-width:.8}
#heroIso .sz-snow-sh{fill:rgba(120,160,190,.12)}
#heroIso .sz-man{fill:#ffffff;stroke:#d3e3ee;stroke-width:.8}
html.night #heroIso .sz-drift,html.night #heroIso .sz-man{fill:#dfe9f0;stroke:#9fb4c2}
#heroIso .sz-fl{fill:#ffffff;stroke:#a9c6d8;stroke-width:.5;animation:szFall 14s linear infinite}
html.night #heroIso .sz-fl{stroke:none}
/* zima: listnaté stromy jsou holé – koruna se skryje, kreslí se větve se sněhem */
html[data-season="zima"] #heroIso .tc{display:none}
#heroIso .sz-br{stroke:var(--iso-edge);stroke-linecap:round}
#heroIso .sz-br1{stroke-width:2.6}
#heroIso .sz-br2{stroke-width:1.7}
#heroIso .sz-br3{stroke-width:1.1}
#heroIso .sz-brs{stroke:#ffffff;stroke-width:1.8;stroke-linecap:round}
#heroIso .sz-brs2{fill:#ffffff}
html.night #heroIso .sz-brs{stroke:#dfe9f0}
html.night #heroIso .sz-brs2{fill:#dfe9f0}
/* motýli: pomalé kroužení a mávání křídly */
#heroIso .sz-bf{animation:szWander 16s ease-in-out infinite}
#heroIso .sz-wing{transform-box:fill-box;transform-origin:center;animation:szFlap .5s ease-in-out infinite alternate}

@keyframes szShim{0%,100%{opacity:.35}50%{opacity:.9}}
@keyframes szBob{0%,100%{transform:translate(0,0)}50%{transform:translate(-6px,1.5px)}}
@keyframes szLeaf{0%{opacity:0;transform:translate(0,0) rotate(0)}10%{opacity:1}50%{transform:translate(7px,calc(var(--fy)*.5)) rotate(170deg)}88%{opacity:1}100%{opacity:0;transform:translate(-3px,var(--fy)) rotate(330deg)}}
@keyframes szFall{0%{transform:translate(0,0)}50%{transform:translate(var(--sx),calc(var(--fh)*.5))}100%{transform:translate(0,var(--fh))}}
@keyframes szWander{0%,100%{transform:translate(0,0)}25%{transform:translate(26px,-12px)}50%{transform:translate(48px,4px)}75%{transform:translate(18px,14px)}}
@keyframes szFlap{from{transform:scaleX(1)}to{transform:scaleX(.35)}}
@media (prefers-reduced-motion:reduce){#heroIso .sz *{animation:none!important}#heroIso .sz-flakes,#heroIso .sz-fall{display:none}}