/* ADAU THİK — Halloween teması (admin paneldən aktivləşdirilir) */

/* ---------- rənglər (istəyə bağlı) ---------- */
body.hw-c{--p:#D9580D;--pd:#1C0E30;--acc:#7ED957;--tint:#FBF3EA;--line:#EEDFD0}
body.hw-c .ftr{background:#120A1F}
body.hw-c .hw-grave{color:#120A1F}
body.hw-c .hdr{background:rgba(255,250,245,.95)}
body.hw-c ::selection{background:#FF8A1F;color:#1C0E30}

/* ---------- gecə səhnəsi (hero və səhifə başlığı) ---------- */
body.hw:not(.hw-off) .hero,body.hw:not(.hw-off) .phead{background:linear-gradient(180deg,#0B0618 0%,#1C0E30 55%,#3A1648 100%)!important;isolation:isolate}
body.hw:not(.hw-off) .hero::before{opacity:.25}
body.hw:not(.hw-off) .phead::after{background:linear-gradient(180deg,transparent 40%,rgba(11,6,24,.6));opacity:1}
body.hw:not(.hw-off) .hero__in,body.hw:not(.hw-off) .phead .wrap{position:relative;z-index:3}
body.hw:not(.hw-off) .hero h1,body.hw:not(.hw-off) .phead h1{text-shadow:0 0 22px rgba(255,138,31,.45),0 0 2px rgba(255,190,120,.6);animation:hwFlicker 6s infinite}
@keyframes hwFlicker{0%,92%,100%{opacity:1}93%{opacity:.82}94%{opacity:1}96%{opacity:.88}97%{opacity:1}}

.hw-scene{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}
.hw-stars{position:absolute;inset:0;background-image:radial-gradient(1.6px 1.6px at 12% 18%,#fff 50%,transparent 51%),radial-gradient(1.2px 1.2px at 28% 42%,#fff 50%,transparent 51%),radial-gradient(1.8px 1.8px at 46% 12%,#FFE9C7 50%,transparent 51%),radial-gradient(1.2px 1.2px at 63% 34%,#fff 50%,transparent 51%),radial-gradient(1.5px 1.5px at 78% 9%,#fff 50%,transparent 51%),radial-gradient(1.1px 1.1px at 88% 46%,#fff 50%,transparent 51%),radial-gradient(1.4px 1.4px at 6% 58%,#fff 50%,transparent 51%),radial-gradient(1.2px 1.2px at 54% 60%,#FFE9C7 50%,transparent 51%),radial-gradient(1px 1px at 36% 26%,#fff 50%,transparent 51%),radial-gradient(1.3px 1.3px at 95% 24%,#fff 50%,transparent 51%);animation:hwTwinkle 4s ease-in-out infinite alternate}
.hw-stars--2{transform:scale(1.4) rotate(12deg);opacity:.6;animation-duration:6s;animation-delay:-2s}
@keyframes hwTwinkle{from{opacity:.35}to{opacity:1}}
.hw-moon{position:absolute;right:8%;top:14%;width:clamp(90px,13vw,170px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 38% 36%,#FFF8E1 0,#FFE6A8 45%,#F4C46B 100%);box-shadow:0 0 50px 12px rgba(255,214,128,.35),0 0 140px 40px rgba(255,150,60,.18)}
.hw-moon::before,.hw-moon::after{content:"";position:absolute;border-radius:50%;background:rgba(214,160,72,.35)}
.hw-moon::before{width:22%;height:22%;left:22%;top:52%}
.hw-moon::after{width:14%;height:14%;left:58%;top:28%;box-shadow:-10px 26px 0 -2px rgba(214,160,72,.3)}
.hw-moon .hw-moonbat{position:absolute;left:30%;top:36%;width:42%;animation:hwMoonBat 9s ease-in-out infinite}
@keyframes hwMoonBat{0%,100%{transform:translate(-60%,10%) scale(.7)}50%{transform:translate(70%,-20%) scale(.9)}}
.hw-hills{position:absolute;left:0;right:0;bottom:-2px;height:clamp(90px,16vw,190px);will-change:transform}
.hw-hills svg{width:100%;height:100%;display:block}
.hw-hills--back{opacity:.9}
.hw-fogband{position:absolute;left:-50%;right:-50%;bottom:0;height:120px;background:radial-gradient(ellipse at 30% 100%,rgba(200,180,255,.22),transparent 60%),radial-gradient(ellipse at 75% 100%,rgba(200,180,255,.18),transparent 60%);animation:hwDrift 22s linear infinite alternate}
@keyframes hwDrift{from{transform:translateX(-6%)}to{transform:translateX(6%)}}
.hw-web{position:absolute;top:0;width:clamp(90px,14vw,180px);opacity:.55}
.hw-web--l{left:0}.hw-web--r{right:0;transform:scaleX(-1)}
.phead .hw-moon{top:18%;right:6%;width:clamp(70px,9vw,120px)}
.phead .hw-hills{height:clamp(60px,9vw,110px)}

/* ---------- uçan yarasalar ---------- */
.hw-bat{position:absolute;left:0;top:0;width:var(--s,44px);will-change:transform}
.hw-bat svg{display:block;width:100%;overflow:visible}
.hw-bat .wl,.hw-bat .wr{animation:hwFlap var(--f,.32s) ease-in-out infinite alternate}
.hw-bat .wl{transform-origin:30px 16px}.hw-bat .wr{transform-origin:34px 16px}
@keyframes hwFlap{from{transform:scaleY(1)}to{transform:scaleY(-.35)}}
.hw-scene .hw-bat{animation:hwSceneBat var(--d,14s) linear infinite;animation-delay:var(--dl,0s)}
@keyframes hwSceneBat{0%{transform:translate(-10vw,var(--y,40px)) scale(var(--k,1))}25%{transform:translate(25vw,calc(var(--y,40px) - 30px)) scale(var(--k,1))}50%{transform:translate(55vw,calc(var(--y,40px) + 20px)) scale(var(--k,1))}75%{transform:translate(85vw,calc(var(--y,40px) - 24px)) scale(var(--k,1))}100%{transform:translate(110vw,var(--y,40px)) scale(var(--k,1))}}

/* ---------- ekran üzərindəki qat ---------- */
.hw-layer{position:fixed;inset:0;z-index:55;pointer-events:none;overflow:hidden}
.hw-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:56;pointer-events:none}
.hw-progress{position:fixed;left:0;top:0;height:4px;width:100%;z-index:70;transform-origin:0 50%;transform:scaleX(0);background:repeating-linear-gradient(-45deg,#FF8A1F 0 12px,#FFD34D 12px 24px,#fff 24px 36px);box-shadow:0 0 12px rgba(255,138,31,.7);pointer-events:none}

/* hörümçək */
.hw-spider{position:absolute;top:0;right:clamp(14px,6vw,90px);width:2px;will-change:transform}
.hw-spider__thread{position:absolute;left:0;top:0;width:1.5px;height:var(--len,80px);background:linear-gradient(rgba(255,255,255,.1),rgba(80,70,90,.75))}
.hw-spider__body{position:absolute;left:-23px;top:var(--len,80px);width:48px;transform-origin:24px 0;transform:rotate(var(--rot,0deg))}
.hw-spider__body svg{display:block;width:100%;overflow:visible}
.hw-spider .leg{animation:hwLeg 1.2s ease-in-out infinite alternate;transform-origin:24px 22px}
.hw-spider .leg:nth-child(even){animation-delay:-.6s}
@keyframes hwLeg{from{transform:rotate(-4deg)}to{transform:rotate(5deg)}}

/* xəyal */
.hw-ghost{position:absolute;left:0;top:52vh;width:clamp(70px,9vw,110px);will-change:transform;filter:drop-shadow(0 10px 22px rgba(120,90,200,.35))}
.hw-ghost svg{display:block;width:100%;animation:hwFloat 3.2s ease-in-out infinite}
@keyframes hwFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.hw-ghost__say{position:absolute;left:100%;top:-6px;margin-left:6px;background:#fff;color:#1C0E30;font:700 13px/1.2 var(--font-body);padding:7px 11px;border-radius:12px 12px 12px 3px;white-space:nowrap;box-shadow:0 8px 20px rgba(0,0,0,.18);opacity:0;transform:scale(.6);transform-origin:0 100%;transition:opacity .25s,transform .25s}
.hw-ghost.is-talk .hw-ghost__say{opacity:1;transform:none}

/* balqabaq və idarə */
.hw-pump{position:fixed;left:max(14px,env(safe-area-inset-left));bottom:max(14px,env(safe-area-inset-bottom));z-index:60;width:clamp(58px,6vw,78px);border:0;background:none;padding:0;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent}
.hw-pump__in{display:block;will-change:transform;transform-origin:50% 90%}
.hw-pump svg{display:block;width:100%;filter:drop-shadow(0 8px 16px rgba(217,88,13,.45))}
.hw-pump .face{animation:hwCandle 2.4s infinite}
@keyframes hwCandle{0%,100%{opacity:1}30%{opacity:.75}33%{opacity:1}60%{opacity:.85}62%{opacity:1}}
.hw-pump.is-boo .face{animation:none;fill:#FFF3B0}
.hw-pump:focus-visible{outline:3px solid #FF8A1F;outline-offset:4px;border-radius:50%}
.hw-off-btn{position:fixed;left:calc(max(14px,env(safe-area-inset-left)) + clamp(48px,5vw,66px));bottom:calc(max(14px,env(safe-area-inset-bottom)) + clamp(44px,4.6vw,60px));z-index:61;width:24px;height:24px;border-radius:50%;border:0;background:#1C0E30;color:#fff;font-size:11px;display:grid;place-items:center;cursor:pointer;pointer-events:auto;box-shadow:0 2px 8px rgba(0,0,0,.3);opacity:.85}
.hw-off-btn:hover,.hw-off-btn:focus-visible{opacity:1;background:#D9580D}
.hw-on-btn{position:fixed;left:max(14px,env(safe-area-inset-left));bottom:max(14px,env(safe-area-inset-bottom));z-index:60;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:#fff;font-size:20px;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.12);opacity:.8}
.hw-on-btn:hover{opacity:1}

/* ---------- footer qəbiristanlığı ---------- */
.hw .ftr{position:relative}
.hw-grave{color:#07183D;position:absolute;left:0;right:0;bottom:100%;height:clamp(70px,9vw,120px);pointer-events:none;overflow:hidden}
.hw-grave svg{position:absolute;left:0;bottom:-1px;width:100%;height:100%}
.hw-grave .hw-g{position:absolute;bottom:20%;width:clamp(30px,3.6vw,48px);opacity:0;transform:translateY(40px)}
.hw-grave.is-in .hw-g{animation:hwRise 2.6s cubic-bezier(.2,.8,.2,1) forwards,hwHover 3s ease-in-out 2.6s infinite alternate}
.hw-grave .hw-g:nth-of-type(2){animation-delay:.5s,3.1s}
.hw-grave .hw-g:nth-of-type(3){animation-delay:1s,3.6s}
@keyframes hwRise{to{opacity:.85;transform:translateY(-20%)}}
@keyframes hwHover{from{transform:translateY(-20%)}to{transform:translateY(-45%)}}

/* ---------- scroll ilə görünmə ---------- */
.hw-rv{opacity:0;transform:translateY(34px) rotate(-1.2deg) scale(.98);transition:opacity .7s ease,transform .9s cubic-bezier(.2,.9,.25,1.25)}
.hw-rv.is-in{opacity:1;transform:none}
.hw .btn--p:hover,.hw .svc:hover .svc__icon,.hw .esvc:hover .esvc__icon{animation:hwWobble .5s ease}
@keyframes hwWobble{0%,100%{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}

/* ---------- yüngül rejim və istifadəçi söndürəndə ---------- */
.hw--soft .hw-ghost,.hw--soft .hw-stars--2{display:none}
body.hw-off .hw-layer,body.hw-off .hw-canvas,body.hw-off .hw-progress,body.hw-off .hw-pump,body.hw-off .hw-off-btn,body.hw-off .hw-scene .hw-bat{display:none}
body.hw-off .hw-rv{opacity:1;transform:none}

@media (max-width:760px){
  .hero .hw-moon{top:auto;bottom:clamp(70px,20vw,110px);right:7%;width:76px}
  .phead .hw-moon{top:12px;right:12px;width:54px;opacity:.85}
  .hw-ghost{top:58vh}
  .hw-ghost__say{font-size:12px}
  .hw-web{opacity:.4}
}
@media (prefers-reduced-motion:reduce){
  .hw *,.hw *::before,.hw *::after{animation:none!important;transition:none!important}
  .hw-layer,.hw-canvas,.hw-scene .hw-bat{display:none}
  .hw-rv{opacity:1;transform:none}
  .hw-grave .hw-g{opacity:.8;transform:none}
}