/* ═══ Halloween-Thema (Admin → Einstellungen → Themen, Schalter theme_halloween) ═══
   Geladen nur, wenn eingeschaltet (includes/header.php setzt <html class="halloween">).
   Seit 19.10.2026 NUR zwei Zierden (Wunsch des Nutzers: „soll nur das Spinnennetz und den Kürbis
   hinzufügen“) — keine Farben, kein anderer Grund, keine Fledermäuse. Alles andere bleibt wie immer. */

/* Kürbis hinter „Shotmetrix“ — am Rechner wie am Telefon (dort ist „MESHPRO“ ausgeblendet) */
html.halloween .top-navbar-logo .logo-shotmetrix { white-space: nowrap; }   /* Gästeleiste ist eng — Kürbis bleibt in der Zeile */
html.halloween .top-navbar-logo .logo-shotmetrix::after { content: '🎃'; margin-left: 5px; font-size: .95em; display: inline-block;
    animation: hwWackel 2.6s ease-in-out infinite; transform-origin: 50% 90%; }
@keyframes hwWackel { 0%, 70%, 100% { transform: rotate(0); } 78% { transform: rotate(-10deg); } 86% { transform: rotate(8deg); } 93% { transform: rotate(-4deg); } }
@media (prefers-reduced-motion: reduce) { html.halloween .top-navbar-logo .logo-shotmetrix::after { animation: none; } }

/* Spinnennetz in der Ecke (assets/js/halloween.js) — blass, nimmt keine Klicks */
.hw-netz { position: fixed; top: 56px; right: 0; width: 150px; height: 150px; pointer-events: none; z-index: 3; opacity: .22; }
.hw-netz path, .hw-netz line { fill: none; stroke: currentColor; stroke-width: 1.1; }
html.halloween .hw-netz { color: var(--text-main); }
html.halloween[data-theme="light"] .hw-netz { color: #5b3a24; opacity: .3; }
@media (max-width: 768px) { .hw-netz { top: 52px; width: 92px; height: 92px; opacity: .18; } html.halloween[data-theme="light"] .hw-netz { opacity: .24; } }