/* Halloween atmoszféra – finom, sejtelmes köd csak CSS-ből.
   Nem kép: minden színtémán egységesen ráül a háttérre, a tartalom olvashatóságát megtartva. */
body:is(.season-halloween,.season-autumn) {
    background-color:#080812 !important;
    background-image:
        radial-gradient(ellipse at 8% 18%, rgba(116,34,91,.18) 0%, rgba(116,34,91,.08) 22%, transparent 46%),
        radial-gradient(ellipse at 92% 28%, rgba(76,42,116,.16) 0%, rgba(76,42,116,.07) 24%, transparent 48%),
        radial-gradient(ellipse at 18% 86%, rgba(124,42,67,.13) 0%, transparent 43%),
        radial-gradient(ellipse at 82% 82%, rgba(87,36,104,.13) 0%, transparent 45%),
        linear-gradient(180deg, #090914 0%, #0d0a18 48%, #080811 100%) !important;
    background-attachment:fixed !important;
    background-repeat:no-repeat !important;
    background-size:cover !important;
}

/* Szezonális dekorációk – az olvasó saját színtémáját nem írják felül. */

/* HALLOWEEN pókháló – önálló osztály, a színtémák virágcseréi nem érintik.
   Nem külön viewport overlay: a fejléc része marad, de abszolút dekor, ezért nem növeli a header magasságát. */
body:is(.season-halloween,.season-autumn) .site-header > .seasonal-header-web {
    display:block !important;
    position:absolute !important;
    top:0 !important;
    right:20px !important;
    left:auto !important;
    bottom:auto !important;
    width:clamp(145px, 11vw, 178px) !important;
    height:auto !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    z-index:12 !important;
    pointer-events:none !important;
    user-select:none !important;
    transform:none !important;
    filter:drop-shadow(0 2px 2px rgba(0,0,0,.55));
}

/* Bal alsó tök–gyertya: viewporthoz rögzített dekor, minden oldalon. */
body:is(.season-halloween,.season-autumn) .seasonal-corner.seasonal-pumpkins {
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    position:fixed !important;
    left:8px !important;
    right:auto !important;
    top:auto !important;
    bottom:8px !important;
    width:clamp(105px, 9.5vw, 150px) !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    z-index:65 !important;
    pointer-events:none !important;
    user-select:none !important;
    overflow:visible !important;
    transform:none !important;
    filter:drop-shadow(0 7px 10px rgba(0,0,0,.46));
}
body:is(.season-halloween,.season-autumn) .seasonal-pumpkins img {
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    width:100% !important;
    height:auto !important;
    max-width:none !important;
}

/* Halloweenkor a meglévő sziromréteg hullajtja a leveleket. */
body:is(.season-halloween,.season-autumn) .autumn-leaf, body.season-autumn .autumn-leaf {
    position:absolute !important;
    top:-32px !important;
    height:auto !important;
    opacity:.9;
    transform-origin:50% 50%;
    animation:mmAutumnFall linear infinite;
    will-change:transform;
    filter:drop-shadow(0 1px 1px rgba(0,0,0,.28));
}
@keyframes mmAutumnFall {
    0%   { transform:translate3d(0,-34px,0) rotate(0deg); opacity:0; }
    5%   { opacity:.9; }
    35%  { transform:translate3d(var(--leaf-drift-a),35vh,0) rotate(120deg); }
    68%  { transform:translate3d(var(--leaf-drift-b),72vh,0) rotate(265deg); }
    100% { transform:translate3d(var(--leaf-drift-c),calc(100vh + 45px),0) rotate(430deg); opacity:.72; }
}

@media (max-width:1380px) {
    body:is(.season-halloween,.season-autumn) .site-header > .seasonal-header-web { display:none !important; }
}
@media (max-width:1000px) {
    body:is(.season-halloween,.season-autumn) .seasonal-corner.seasonal-pumpkins { width:125px !important; }
}
@media (max-width:700px) {
    body:is(.season-halloween,.season-autumn) .seasonal-corner.seasonal-pumpkins {
        left:4px !important;
        bottom:6px !important;
        width:100px !important;
    }
    body:is(.season-halloween,.season-autumn) .autumn-leaf { max-width:20px !important; }
}

/* Halloween: a dekoráció kizárólag a logóképhez igazodik. */
body:is(.season-halloween,.season-autumn) .mm-haunted-logo {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    font-style: normal;
    isolation: isolate;
}
body:is(.season-halloween,.season-autumn) .mm-logo-spirits {
    position: absolute;
    inset: 0;
    pointer-events: none;
    user-select: none;
    z-index: 1;
}
body:is(.season-halloween,.season-autumn) .mm-logo-spirit {
    position: absolute;
    inset: 2%;
    animation: mmSpiritOrbit 18s linear infinite;
    pointer-events: none;
}
body:is(.season-halloween,.season-autumn) .mm-logo-spirit svg {
    position: absolute;
    display: block;
    width: 21px;
    height: 26px;
    max-width: none;
    top: -10px;
    left: calc(50% - 10.5px);
    opacity: .84;
    filter: drop-shadow(0 0 4px rgba(212, 193, 255, .65));
    animation: mmSpiritUpright 18s linear infinite;
}
body:is(.season-halloween,.season-autumn) .mm-logo-spirit--2,
body:is(.season-halloween,.season-autumn) .mm-logo-spirit--2 svg { animation-delay: -6s; }
body:is(.season-halloween,.season-autumn) .mm-logo-spirit--3,
body:is(.season-halloween,.season-autumn) .mm-logo-spirit--3 svg { animation-delay: -12s; }
body:is(.season-halloween,.season-autumn) .mm-logo-spirit--2 svg { opacity: .66; }
body:is(.season-halloween,.season-autumn) .mm-logo-spirit--3 svg { opacity: .75; }
@keyframes mmSpiritOrbit { to { transform: rotate(360deg); } }
@keyframes mmSpiritUpright {
    0% { transform: rotate(0deg) translateY(0); }
    25% { transform: rotate(-90deg) translateY(-3px); }
    50% { transform: rotate(-180deg) translateY(0); }
    75% { transform: rotate(-270deg) translateY(3px); }
    100% { transform: rotate(-360deg) translateY(0); }
}
body:is(.season-halloween,.season-autumn) .mm-mobile-brand .mm-logo-spirit svg {
    width: 12px;
    height: 15px;
    left: calc(50% - 6px);
    top: -3px;
}
@media (prefers-reduced-motion: reduce) {
    body:is(.season-halloween,.season-autumn) .mm-logo-spirit,
    body:is(.season-halloween,.season-autumn) .mm-logo-spirit svg { animation-play-state: paused; }
}


/* Ősz: a Halloween elhelyezései, az őszi képekkel. */
/* The same desktop coordinates and breakpoints as the original header flower. */
html[data-theme] body.season-autumn .site-header > img.header-flower.seasonal-header-branch,
html body.season-autumn .site-header > img.header-flower.seasonal-header-branch {
 display:block!important;position:absolute!important;top:-10px!important;right:42px!important;
 height:165px!important;width:auto!important;max-width:none!important;opacity:.9!important;
 content:url('/assets/images/seasonal/autumn/branch-clean.png?v=autumn-5')!important;
 pointer-events:none!important;z-index:1!important;filter:none!important;
}
@media(min-width:1001px) and (max-width:1200px){
 html[data-theme] body.season-autumn .site-header > img.header-flower.seasonal-header-branch,
 html body.season-autumn .site-header > img.header-flower.seasonal-header-branch{top:-6px!important;right:28px!important;height:150px!important}
}
@media(max-width:1000px){
 html[data-theme] body.season-autumn .site-header > img.header-flower.seasonal-header-branch,
 html body.season-autumn .site-header > img.header-flower.seasonal-header-branch{display:none!important}
}
html body.season-autumn .seasonal-corner.seasonal-pumpkins {left:28px!important}
html body.season-autumn .seasonal-pumpkins img {content:url('/assets/images/seasonal/autumn/cat.png?v=autumn-3')!important}
html body.season-autumn .mm-autumn-like {
 display:inline-block!important;width:22px!important;height:24px!important;min-width:22px!important;
 vertical-align:-6px;margin:0 3px 0 1px;
 background:url('/assets/images/seasonal/autumn/acorn-single.png?v=autumn-3') center/contain no-repeat!important;
 pointer-events:none;animation:none!important;filter:drop-shadow(0 1px 1px #160c05);
}
html body.season-autumn .mm-autumn-squirrels {
 display:none!important;position:absolute!important;inset:0!important;width:auto!important;height:auto!important;
 background:none!important;pointer-events:none!important;user-select:none;z-index:1;animation:none!important;
}
html body.season-autumn .mm-autumn-runner {
 display:block;position:absolute;width:38px;height:24px;pointer-events:none;
 animation:mmSquirrelRun 11s linear infinite;will-change:left,top;
}
html body.season-autumn .mm-autumn-runner::before {
 content:'';display:block;width:100%;height:100%;
 background:url('/assets/images/seasonal/autumn/squirrel-run.png?v=autumn-3') center/contain no-repeat;
 filter:drop-shadow(0 1px 1px #381704);animation:mmSquirrelHop .36s ease-in-out infinite alternate;
}
html body.season-autumn .mm-autumn-runner--2 {animation-delay:-5.5s}
html body.season-autumn .mm-autumn-runner--2::before {animation-delay:-.18s}
@keyframes mmSquirrelRun {
 0%{left:-12%;top:62%;transform:scaleX(1)}
 22%{left:30%;top:84%;transform:scaleX(1)}
 44%{left:62%;top:62%;transform:scaleX(1)}
 49%{left:66%;top:22%;transform:scaleX(1)}
 50%{left:66%;top:22%;transform:scaleX(-1)}
 72%{left:30%;top:-2%;transform:scaleX(-1)}
 94%{left:-14%;top:20%;transform:scaleX(-1)}
 99%{left:-12%;top:62%;transform:scaleX(-1)}
 100%{left:-12%;top:62%;transform:scaleX(1)}
}
@keyframes mmSquirrelHop {from{translate:0 0;rotate:-3deg}to{translate:0 -2px;rotate:3deg}}
html body.season-autumn .mm-mobile-brand .mm-autumn-runner {width:27px;height:18px}
@media(max-width:700px){html body.season-autumn .seasonal-corner.seasonal-pumpkins{left:20px!important}}
@media(max-width:900px){
 html body.season-autumn .mm-mobile-links a::after,
 html body.season-autumn .mm-mobile-links button::after {background-image:url('/assets/images/seasonal/autumn/branch-clean.png?v=autumn-5')!important}
 html body.season-autumn .mm-mobile-drawer-title::before {background-image:url('/assets/images/seasonal/autumn/cat.png?v=autumn-3')!important}
}
@media(prefers-reduced-motion:reduce){
 html body.season-autumn .mm-autumn-runner,html body.season-autumn .mm-autumn-runner::before{animation:none!important}
 html body.season-autumn .mm-autumn-runner--1{left:-12%;top:62%}
 html body.season-autumn .mm-autumn-runner--2{left:62%;top:22%;transform:scaleX(-1)}
}

@media(max-width:1380px){
 html body.season-autumn .mm-mobile-links a,
 html body.season-autumn .mm-mobile-links button{grid-template-columns:32px minmax(0,1fr) 48px!important}
 html body.season-autumn .mm-mobile-links a::after,
 html body.season-autumn .mm-mobile-links button::after{
  width:46px!important;height:38px!important;opacity:.95!important;
  background:url('/assets/images/seasonal/autumn/branch-clean.png?v=autumn-5') center/contain no-repeat!important;
  filter:none!important;box-shadow:none!important;border:0!important;
 }
}

/* Align the three card counters independently of the acorn's image baseline. */
html body.season-autumn .latest-card-info .latest-meta {
 display:flex!important;align-items:center!important;
}
html body.season-autumn .latest-card-info .latest-meta > span {
 display:inline-flex!important;align-items:center!important;justify-content:center;
 gap:3px;line-height:1.2!important;vertical-align:middle;
}
html body.season-autumn .latest-card-info .latest-meta .mm-autumn-like {
 width:1.4em!important;height:1.6em!important;min-width:1.4em!important;
 flex:0 0 1.4em!important;vertical-align:middle!important;margin:0!important;
}

/* Fit the cat entirely inside the actual left gutter, including browser zoom. */
html body.season-autumn .seasonal-corner.seasonal-pumpkins.seasonal-autumn-cat {
 display:none!important;left:8px!important;bottom:8px!important;
 width:var(--mm-cat-safe-width,0px)!important;max-width:150px!important;
}
html body.season-autumn .seasonal-corner.seasonal-pumpkins.seasonal-autumn-cat[data-mm-cat-fit="show"] {
 display:block!important;
}