/* ==========================================================
   WOI UX – betöltő, social sáv, lábléc-logó, lite mód
   ========================================================== */

/* ---------- Betöltő: csak akkor látszik, ha a korai szkript bekapcsolta ---------- */
html:not(.woi-pl-on) #woi-preloader{display:none!important}
#woi-preloader.woi-pl2{will-change:opacity}
#woi-preloader.woi-pl2 img{opacity:0;animation:woiPl2In .5s cubic-bezier(.2,.7,.2,1) .05s forwards,woiPlBeat 1.6s ease-in-out .55s infinite!important}
#woi-preloader.woi-pl2 img:not([src]){visibility:hidden}
#woi-preloader.woi-pl2 .woi-pl-glow{animation:woiPlGlow 1.6s ease-in-out infinite!important}
#woi-preloader.woi-pl2 .woi-pl-bar i{animation:woiPlSweep 1.15s ease-in-out infinite!important}
#woi-preloader.woi-pl2.woi-out{opacity:0!important;pointer-events:none;transition:opacity .45s ease!important}
#woi-preloader.woi-pl2.woi-out img{animation:none!important;opacity:0;transform:scale(1.04);transition:opacity .35s ease,transform .45s ease}
@keyframes woiPl2In{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){#woi-preloader.woi-pl2 img{animation:none!important;opacity:1}#woi-preloader.woi-pl2 .woi-pl-glow,#woi-preloader.woi-pl2 .woi-pl-bar i{animation:none!important}}
html.woi-lite #woi-preloader.woi-pl2::before{animation:none!important}

/* ---------- Lebegő social sáv (bal oldal) ---------- */
.woi-soc{--s-gold:#D9B56B;--s-gold2:#F0D392;--s-ink:#02171d;--s-line:rgba(217,181,107,.38);position:fixed;left:14px;top:50%;z-index:9980;transform:translateY(-50%);font-family:Roboto,"Segoe UI",system-ui,sans-serif;pointer-events:none}
.woi-soc *{box-sizing:border-box}
.woi-soc__list{list-style:none!important;margin:0!important;padding:7px!important;display:flex;flex-direction:column;gap:7px;border:1px solid var(--s-line);border-radius:999px;background:linear-gradient(180deg,rgba(4,34,41,.92),rgba(2,20,25,.92));box-shadow:0 14px 34px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.05);pointer-events:auto;animation:woiSocIn .7s cubic-bezier(.2,.8,.2,1) .6s both}
.woi-soc__list li{margin:0!important;padding:0!important;list-style:none!important;position:relative;animation:woiSocItem .55s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(.75s + var(--i,0)*70ms)}
.woi-soc__list li::before,.woi-soc__list li::marker{content:none!important}
.woi-soc__a{position:relative;display:grid!important;place-items:center;width:40px;height:40px;border-radius:50%;color:#EAFBF8!important;text-decoration:none!important;background:rgba(255,255,255,.04);border:1px solid rgba(125,205,200,.18);transition:transform .25s cubic-bezier(.2,.8,.2,1),background-color .25s,color .25s,border-color .25s,box-shadow .25s}
.woi-soc__a svg{display:block;width:19px;height:19px;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.woi-soc__a span{position:absolute;left:calc(100% + 14px);top:50%;transform:translate(-6px,-50%);white-space:nowrap;padding:6px 11px;border-radius:8px;font-size:12.5px;font-weight:600;letter-spacing:.04em;color:var(--s-ink);background:linear-gradient(135deg,var(--s-gold2),var(--s-gold));box-shadow:0 8px 18px rgba(0,0,0,.35);opacity:0;pointer-events:none;transition:opacity .2s,transform .25s cubic-bezier(.2,.8,.2,1)}
.woi-soc__a span::before{content:"";position:absolute;left:-5px;top:50%;width:10px;height:10px;margin-top:-5px;background:var(--s-gold2);transform:rotate(45deg);border-radius:2px}
.woi-soc__a:hover,.woi-soc__a:focus-visible{transform:translateX(3px) scale(1.06);color:#fff!important;border-color:transparent;outline:none}
.woi-soc__a:hover svg,.woi-soc__a:focus-visible svg{transform:scale(1.08)}
.woi-soc__a:hover span,.woi-soc__a:focus-visible span{opacity:1;transform:translate(0,-50%)}
.woi-soc__a--facebook:hover,.woi-soc__a--facebook:focus-visible{background:#1877F2;box-shadow:0 6px 18px rgba(24,119,242,.45)}
.woi-soc__a--instagram:hover,.woi-soc__a--instagram:focus-visible{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fd5949 45%,#d6249f 60%,#285AEB 90%);box-shadow:0 6px 18px rgba(214,36,159,.4)}
.woi-soc__a--youtube:hover,.woi-soc__a--youtube:focus-visible{background:#FF0033;box-shadow:0 6px 18px rgba(255,0,51,.4)}
.woi-soc__a--x:hover,.woi-soc__a--x:focus-visible{background:#000;border-color:rgba(255,255,255,.25);box-shadow:0 6px 18px rgba(0,0,0,.5)}
.woi-soc__a--tiktok:hover,.woi-soc__a--tiktok:focus-visible{background:#111;box-shadow:-2px 0 0 #25F4EE,2px 0 0 #FE2C55,0 6px 18px rgba(0,0,0,.45)}
.woi-soc__a--discord:hover,.woi-soc__a--discord:focus-visible{background:#5865F2;box-shadow:0 6px 18px rgba(88,101,242,.45)}
.woi-soc__tog{display:none!important}
@keyframes woiSocIn{from{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:none}}
@keyframes woiSocItem{from{opacity:0;transform:translateX(-10px) scale(.8)}to{opacity:1;transform:none}}
/* a látogatás első oldalán a betöltő után jöjjön be */
html.woi-pl-on .woi-soc__list,html.woi-pl-on .woi-soc__list li{animation-play-state:paused}

/* Tablet/mobil: összecsukható gomb bal alul */
@media (max-width:1024px){
	.woi-soc{top:auto;bottom:calc(80px + env(safe-area-inset-bottom,0px));left:20px;transform:none;display:flex;flex-direction:column-reverse;align-items:center;gap:8px}
	.woi-soc__tog{display:grid!important;place-items:center;width:46px;height:46px;padding:0!important;margin:0!important;border-radius:50%!important;border:1px solid var(--s-line)!important;background:linear-gradient(180deg,rgba(4,34,41,.96),rgba(2,20,25,.96))!important;color:var(--s-gold)!important;box-shadow:0 10px 24px rgba(0,0,0,.42)!important;pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .25s cubic-bezier(.2,.8,.2,1),color .2s;animation:woiSocIn .6s cubic-bezier(.2,.8,.2,1) .5s both}
	.woi-soc__tog svg{transition:transform .3s cubic-bezier(.2,.8,.2,1)}
	.woi-soc.is-open .woi-soc__tog{color:#fff!important;transform:rotate(-8deg)}
	.woi-soc.is-open .woi-soc__tog svg{transform:scale(.9) rotate(90deg)}
	.woi-soc__list{padding:6px!important;gap:6px;animation:none;opacity:0;visibility:hidden;transform:translateY(12px) scale(.9);transform-origin:50% 100%;transition:opacity .22s ease,transform .28s cubic-bezier(.2,.8,.2,1),visibility 0s linear .28s}
	.woi-soc__list li{animation:none}
	.woi-soc.is-open .woi-soc__list{opacity:1;visibility:visible;transform:none;transition:opacity .22s ease,transform .28s cubic-bezier(.2,.8,.2,1),visibility 0s}
	.woi-soc__a{width:42px;height:42px}
	.woi-soc__a span{display:none}
		html.woi-gdpr-open .woi-soc{opacity:0;pointer-events:none}
}
@media (prefers-reduced-motion:reduce){.woi-soc__list,.woi-soc__list li,.woi-soc__tog{animation:none!important}}
@media print{.woi-soc{display:none!important}}

/* ---------- Lábléc-logó: a szöveghez igazítva ---------- */
.elementor-location-footer .elementor-element-677f9460{align-items:flex-start!important;text-align:left!important}
.elementor-location-footer .elementor-element-7b05f605{width:100%!important;max-width:220px!important;align-self:flex-start!important;margin:0 0 14px!important;text-align:left!important}
.elementor-location-footer .elementor-element-7b05f605 .elementor-widget-container,.elementor-location-footer .elementor-element-7b05f605 a,.elementor-location-footer .elementor-element-7b05f605 picture{display:block!important;text-align:left!important;margin:0!important;padding:0!important}
.elementor-location-footer .elementor-element-7b05f605 img{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;margin:0!important;aspect-ratio:2496/1638;object-fit:contain;object-position:left center}
.elementor-location-footer .elementor-element-6089a14{width:100%!important;text-align:left!important}
.elementor-location-footer .elementor-element-6089a14 .elementor-widget-container>div{margin-left:0!important}
@media (max-width:767px){
	.elementor-location-footer .elementor-element-7b05f605{max-width:190px!important}
}

/* ==========================================================
   LITE mód – gyengébb (főleg régebbi androidos) eszközök és mobil
   ========================================================== */
html.woi-lite *:not(#woi-z):not(#woi-y),html.woi-lite *:not(#woi-z):not(#woi-y)::before,html.woi-lite *:not(#woi-z):not(#woi-y)::after{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
/* folyamatos, csak díszítő animációk ki */
html.woi-lite body::before,
html.woi-lite .wn-hero__map,
html.woi-lite .wn-pin.is-on::before,
html.woi-lite .wn-world__dot::after,
html.woi-lite .wsh-hero__halo,
html.woi-lite .woi-xp-bar-fill::after,
html.woi-lite .woi-status-dot,
html.woi-lite .animated.infinite,
html.woi-lite .wnw-orb,
html.woi-lite .wnw-hero__sweep{animation:none!important}
html.woi-lite .uael-particle-wrapper,html.woi-lite .woi-noparticle>.uael-particle-wrapper,html.woi-lite #woi-stars-canvas,html.woi-lite canvas.woi-stars{display:none!important}
/* drága szűrők és árnyékok egyszerűsítése */
html.woi-lite .wn-cf__item,html.woi-lite .wn-cf__item img{filter:none!important}
html.woi-lite .wn-cf__item{will-change:auto!important}
html.woi-lite .wn-hero__map{will-change:auto!important;transform:none!important}
html.woi-lite .elementor-location-header .my-sticky-header:not(#woi-z),html.woi-lite .elementor-location-header>.e-con:not(#woi-z){background-color:rgba(2,20,25,.97)!important}
html.woi-lite .woi-gdpr__box,html.woi-lite .woi-chat-window{background-color:rgba(4,30,36,.98)!important}
/* Elementor belépő animációk ki (ezek akasztják meg a görgetést) */
html.woi-lite .elementor-invisible{visibility:visible!important}
html.woi-lite .elementor-element.animated{animation:none!important}
/* görgetés közben ne rajzoljon újra a fix hátterű szekció */
html.woi-lite .e-con,html.woi-lite .elementor-section{background-attachment:scroll!important}