/*
Theme Name: No96 Child
Template: hello-elementor
Author: No96 Dev
Version: 1.0.0
Text Domain: no96-child
Description: Child-Theme für Berufsbekleidung No96 (Hello Elementor).
*/

/* ─────────────────────────────────────────────────────────────
   Global Neon Background (v12-neon)
   Grid pattern + 3 radial glow spots, fixed across the entire page
   ───────────────────────────────────────────────────────────── */

body {
  background: var(--e-global-color-no96-bg, #0a0a14) !important;
  position: relative;
}

/* Grid lines pattern */
body::before {
  content: '';
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background-image:
    linear-gradient(rgba(0, 229, 255, 0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 229, 255, 0.03) 1px, transparent 1px);
  background-size: 60px 60px;
  pointer-events: none;
  z-index: 0;
}

/* Radial glow spots */
body::after {
  content: '';
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background:
    radial-gradient(ellipse at 20% 50%, rgba(30, 56, 141, 0.08) 0%, transparent 50%),
    radial-gradient(ellipse at 80% 20%, rgba(255, 0, 255, 0.04) 0%, transparent 40%),
    radial-gradient(ellipse at 50% 80%, rgba(0, 229, 255, 0.04) 0%, transparent 40%);
  pointer-events: none;
  z-index: 0;
}

/* Ensure all Elementor content sits above the background pseudo-elements */
.elementor,
.elementor section,
.elementor .e-con,
.elementor .elementor-section,
header,
main,
footer {
  position: relative;
  z-index: 1;
}

/* ─────────────────────────────────────────────────────────────
   Typewriter-Animation für // Tags
   ───────────────────────────────────────────────────────────── */
.no96-typewriter .elementor-heading-title {
  display: inline-block;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  animation: no96Typewriter 2.2s steps(44, end) 0.2s both;
}
.no96-typewriter .elementor-heading-title::after {
  content: "";
  position: absolute;
  right: 0; top: 50%;
  transform: translateY(-50%);
  width: 8px; height: 1.1em;
  background: currentColor;
  opacity: 0;
  animation: no96Caret 0.7s step-end 0.3s 5;
}
@keyframes no96Typewriter {
  from { clip-path: inset(0 100% 0 0); }
  to   { clip-path: inset(0 0 0 0); }
}
@keyframes no96Caret {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}

/* Unterkategorie-Filter (Kategorie-Archiv) */
.no96-subfilter{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:28px}
.no96-subfilter-btn{font-family:Barlow,sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-size:13px;color:#9090b0;background:#15152a;border:1px solid rgba(0,229,255,.15);border-radius:6px;padding:8px 16px;text-decoration:none;transition:all .25s}
.no96-subfilter-btn:hover{color:#00e5ff;border-color:rgba(0,229,255,.4)}
.no96-subfilter-btn.is-active{background:#1E388C;color:#fff;border-color:#1E388C}