/* dealbunny – 🎃 Halloween-Theme (v1.55). Wird nur geladen, wenn das Theme live ist (Admin → 🎨 Theme-Einstellungen). */
html.season-halloween{
  --hw-bat:#2A1838; --hw-thread:rgba(42,24,56,.45);
}
html.season-halloween[data-theme="dark"]{
  --hw-bat:#8B6BC4; --hw-thread:rgba(255,255,255,.35);
}

/* ---------- Fledermaus-Ebene: über dem Inhalt, unter dem Header; nimmt keine Klicks weg ---------- */
.hw-layer{position:fixed;inset:0;z-index:60;pointer-events:none;overflow:hidden;opacity:.85}

/* ---------- Spinnweben in den Ecken von Banner, Widgets und erster Deal-Karte ---------- */
html.season-halloween .hero{isolation:isolate}
html.season-halloween .hero::before{content:'';position:absolute;z-index:-1;top:0;left:0;width:180px;height:180px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 260 260'%3E%3Cpath d='M0 0L249.8 8.7 M0 0L242.3 61.7 M0 0L223.6 111.8 M0 0L194.7 156.8 M0 0L156.8 194.7 M0 0L111.8 223.6 M0 0L61.7 242.3 M0 0L8.7 249.8 M38.0 1.3Q32.4 4.6 36.8 9.4Q30.6 11.4 34.0 17.0Q27.5 17.7 29.6 23.8Q23.1 23.1 23.8 29.6Q17.7 27.5 17.0 34.0Q11.4 30.6 9.4 36.8Q4.6 32.4 1.3 38.0 M78.0 2.7Q66.4 9.5 75.6 19.2Q62.9 23.4 69.8 34.9Q56.4 36.3 60.7 48.9Q47.4 47.4 48.9 60.7Q36.3 56.4 34.9 69.8Q23.4 62.9 19.2 75.6Q9.5 66.4 2.7 78.0 M121.9 4.3Q103.9 14.9 118.2 30.1Q98.3 36.6 109.1 54.6Q88.3 56.7 95.0 76.5Q74.2 74.2 76.5 95.0Q56.7 88.3 54.6 109.1Q36.6 98.3 30.1 118.2Q14.9 103.9 4.3 121.9 M167.9 5.9Q143.0 20.5 162.8 41.5Q135.4 50.4 150.3 75.1Q121.6 78.1 130.8 105.4Q102.2 102.2 105.4 130.8Q78.1 121.6 75.1 150.3Q50.4 135.4 41.5 162.8Q20.5 143.0 5.9 167.9 M213.9 7.5Q182.2 26.1 207.4 52.8Q172.5 64.2 191.4 95.7Q154.8 99.5 166.6 134.3Q130.1 130.1 134.3 166.6Q99.5 154.8 95.7 191.4Q64.2 172.5 52.8 207.4Q26.1 182.2 7.5 213.9' fill='none' stroke='rgba%28255,255,255,.28%29' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat 0 0/contain;pointer-events:none}
html.season-halloween .hero::after{content:'';position:absolute;z-index:-1;top:0;right:0;width:120px;height:120px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 260 260'%3E%3Cpath d='M0 0L249.8 8.7 M0 0L242.3 61.7 M0 0L223.6 111.8 M0 0L194.7 156.8 M0 0L156.8 194.7 M0 0L111.8 223.6 M0 0L61.7 242.3 M0 0L8.7 249.8 M38.0 1.3Q32.4 4.6 36.8 9.4Q30.6 11.4 34.0 17.0Q27.5 17.7 29.6 23.8Q23.1 23.1 23.8 29.6Q17.7 27.5 17.0 34.0Q11.4 30.6 9.4 36.8Q4.6 32.4 1.3 38.0 M78.0 2.7Q66.4 9.5 75.6 19.2Q62.9 23.4 69.8 34.9Q56.4 36.3 60.7 48.9Q47.4 47.4 48.9 60.7Q36.3 56.4 34.9 69.8Q23.4 62.9 19.2 75.6Q9.5 66.4 2.7 78.0 M121.9 4.3Q103.9 14.9 118.2 30.1Q98.3 36.6 109.1 54.6Q88.3 56.7 95.0 76.5Q74.2 74.2 76.5 95.0Q56.7 88.3 54.6 109.1Q36.6 98.3 30.1 118.2Q14.9 103.9 4.3 121.9 M167.9 5.9Q143.0 20.5 162.8 41.5Q135.4 50.4 150.3 75.1Q121.6 78.1 130.8 105.4Q102.2 102.2 105.4 130.8Q78.1 121.6 75.1 150.3Q50.4 135.4 41.5 162.8Q20.5 143.0 5.9 167.9 M213.9 7.5Q182.2 26.1 207.4 52.8Q172.5 64.2 191.4 95.7Q154.8 99.5 166.6 134.3Q130.1 130.1 134.3 166.6Q99.5 154.8 95.7 191.4Q64.2 172.5 52.8 207.4Q26.1 182.2 7.5 213.9' fill='none' stroke='rgba%28255,255,255,.28%29' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat 0 0/contain;transform:scaleX(-1);pointer-events:none}
html.season-halloween .rail > .widget:nth-child(-n+2),
html.season-halloween [data-feed] > article.deal:first-of-type:not(.is-hl){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 260 260'%3E%3Cpath d='M0 0L249.8 8.7 M0 0L242.3 61.7 M0 0L223.6 111.8 M0 0L194.7 156.8 M0 0L156.8 194.7 M0 0L111.8 223.6 M0 0L61.7 242.3 M0 0L8.7 249.8 M38.0 1.3Q32.4 4.6 36.8 9.4Q30.6 11.4 34.0 17.0Q27.5 17.7 29.6 23.8Q23.1 23.1 23.8 29.6Q17.7 27.5 17.0 34.0Q11.4 30.6 9.4 36.8Q4.6 32.4 1.3 38.0 M78.0 2.7Q66.4 9.5 75.6 19.2Q62.9 23.4 69.8 34.9Q56.4 36.3 60.7 48.9Q47.4 47.4 48.9 60.7Q36.3 56.4 34.9 69.8Q23.4 62.9 19.2 75.6Q9.5 66.4 2.7 78.0 M121.9 4.3Q103.9 14.9 118.2 30.1Q98.3 36.6 109.1 54.6Q88.3 56.7 95.0 76.5Q74.2 74.2 76.5 95.0Q56.7 88.3 54.6 109.1Q36.6 98.3 30.1 118.2Q14.9 103.9 4.3 121.9 M167.9 5.9Q143.0 20.5 162.8 41.5Q135.4 50.4 150.3 75.1Q121.6 78.1 130.8 105.4Q102.2 102.2 105.4 130.8Q78.1 121.6 75.1 150.3Q50.4 135.4 41.5 162.8Q20.5 143.0 5.9 167.9 M213.9 7.5Q182.2 26.1 207.4 52.8Q172.5 64.2 191.4 95.7Q154.8 99.5 166.6 134.3Q130.1 130.1 134.3 166.6Q99.5 154.8 95.7 191.4Q64.2 172.5 52.8 207.4Q26.1 182.2 7.5 213.9' fill='none' stroke='rgba%2842,24,56,.22%29' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right top;background-size:80px}
html.season-halloween[data-theme="dark"] .rail > .widget:nth-child(-n+2),
html.season-halloween[data-theme="dark"] [data-feed] > article.deal:first-of-type:not(.is-hl){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 260 260'%3E%3Cpath d='M0 0L249.8 8.7 M0 0L242.3 61.7 M0 0L223.6 111.8 M0 0L194.7 156.8 M0 0L156.8 194.7 M0 0L111.8 223.6 M0 0L61.7 242.3 M0 0L8.7 249.8 M38.0 1.3Q32.4 4.6 36.8 9.4Q30.6 11.4 34.0 17.0Q27.5 17.7 29.6 23.8Q23.1 23.1 23.8 29.6Q17.7 27.5 17.0 34.0Q11.4 30.6 9.4 36.8Q4.6 32.4 1.3 38.0 M78.0 2.7Q66.4 9.5 75.6 19.2Q62.9 23.4 69.8 34.9Q56.4 36.3 60.7 48.9Q47.4 47.4 48.9 60.7Q36.3 56.4 34.9 69.8Q23.4 62.9 19.2 75.6Q9.5 66.4 2.7 78.0 M121.9 4.3Q103.9 14.9 118.2 30.1Q98.3 36.6 109.1 54.6Q88.3 56.7 95.0 76.5Q74.2 74.2 76.5 95.0Q56.7 88.3 54.6 109.1Q36.6 98.3 30.1 118.2Q14.9 103.9 4.3 121.9 M167.9 5.9Q143.0 20.5 162.8 41.5Q135.4 50.4 150.3 75.1Q121.6 78.1 130.8 105.4Q102.2 102.2 105.4 130.8Q78.1 121.6 75.1 150.3Q50.4 135.4 41.5 162.8Q20.5 143.0 5.9 167.9 M213.9 7.5Q182.2 26.1 207.4 52.8Q172.5 64.2 191.4 95.7Q154.8 99.5 166.6 134.3Q130.1 130.1 134.3 166.6Q99.5 154.8 95.7 191.4Q64.2 172.5 52.8 207.4Q26.1 182.2 7.5 213.9' fill='none' stroke='rgba%28255,255,255,.28%29' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right top;background-size:80px}
html.season-halloween[data-theme="dark"] .rail > .widget:nth-child(-n+2){background-color:var(--card)}

/* Fledermäuse: fliegen quer über die Seite (hinter den Karten), schlagen mit den Flügeln */
.hw-bat{position:absolute;left:0;width:var(--s,40px);height:calc(var(--s,40px) * .4);color:var(--hw-bat);
  animation:hwFly 26s linear infinite}
.hw-bat svg{display:block;width:100%;height:100%;fill:currentColor;transform-origin:50% 45%;animation:hwFlap .32s ease-in-out infinite alternate}
.hw-bat-1,.hw-bat-3{animation-name:hwFlyBack}
.hw-bat-2 svg{animation-duration:.27s}.hw-bat-4 svg{animation-duration:.36s}
@keyframes hwFly{
  0%{transform:translate(-12vw,0) rotate(4deg)}
  25%{transform:translate(22vw,-5vh) rotate(-4deg)}
  50%{transform:translate(50vw,3vh) rotate(5deg)}
  75%{transform:translate(80vw,-4vh) rotate(-3deg)}
  100%{transform:translate(112vw,2vh) rotate(4deg)}
}
@keyframes hwFlyBack{
  0%{transform:translate(112vw,0) scaleX(-1)}
  30%{transform:translate(75vw,4vh) scaleX(-1)}
  60%{transform:translate(40vw,-3vh) scaleX(-1)}
  100%{transform:translate(-12vw,3vh) scaleX(-1)}
}
@keyframes hwFlap{from{transform:scaleY(1)}to{transform:scaleY(.45)}}

/* ---------- Logo: Kürbis + Spinne am Faden ---------- */
html.season-halloween .logo{position:relative}
.hw-logo{position:relative;display:inline-flex;align-self:center;margin-left:4px}
.hw-pumpkin{width:26px;height:24px;display:block;transform-origin:50% 100%;animation:hwWobble 3.5s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(234,88,12,.35))}
.hw-spider{position:absolute;left:-58px;top:100%;width:14px;color:#1E1430;animation:hwDrop 4.2s ease-in-out infinite;transform-origin:50% 0}
html.season-halloween[data-theme="dark"] .hw-spider{color:#C9B6F0}
.hw-spider::before{content:'';position:absolute;left:50%;bottom:100%;width:1px;height:22px;margin-left:-.5px;background:var(--hw-thread)}
.hw-spider svg{display:block;width:14px;height:12px}
@keyframes hwWobble{0%,100%{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}
@keyframes hwDrop{0%,100%{transform:translateY(-4px)}50%{transform:translateY(12px)}}

/* kleine Kürbis-Note an den Buttons und dem «Neu»-Feed-Kopf */
html.season-halloween .btn-primary{background-image:linear-gradient(135deg,var(--pink) 0%,var(--pink) 72%,#F97316 100%)}
html.season-halloween .btn-primary:hover{background-image:linear-gradient(135deg,var(--pink-dark) 0%,var(--pink-dark) 72%,#EA580C 100%)}

/* ---------- Handy: weniger los ---------- */
@media(max-width:760px){
  .hw-bat-2,.hw-bat-3{display:none}
  html.season-halloween .hero::before{width:120px;height:120px}
  html.season-halloween .hero::after{display:none}
  .hw-pumpkin{width:20px;height:19px}
  .hw-spider{left:-44px}
  .hw-spider::before{height:18px}
}
@media(max-width:480px){.hw-spider{display:none}}

/* Ruhige Darstellung gewünscht → keine Bewegung, Fledermäuse fest verteilt */
@media (prefers-reduced-motion:reduce){
  .hw-bat,.hw-bat svg,.hw-pumpkin,.hw-spider{animation:none}
  .hw-bat-0{transform:translateX(8vw)}.hw-bat-1{transform:translateX(70vw)}.hw-bat-2{transform:translateX(30vw)}
  .hw-bat-3{transform:translateX(88vw)}
}
@media print{.hw-layer,.hw-logo{display:none}}