/* =========================================================
   ARENA UI — NEON SYSTEM MODULE
   Estratto e ottimizzato leggermente dal file originale
   Nessuna modifica visiva, solo ordine e pulizia
========================================================= */

/* ------------------------------
   CONTAINER DEL SISTEMA NEON
------------------------------ */
.neon-system {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  pointer-events: none;
  z-index: 10; /* sopra BG, sotto contenuti */
}

.neon-system--top {
  top: 0;
  bottom: auto;
}
/* TOP variant: the LINE must be anchored to TOP too */
.neon-system--top .neon-line{
  top: 0;
  bottom: auto;
}

.neon-system--top .neon-glow-inner{
  top: 0;
  bottom: auto;
  transform: translateY(50%); /* era -50% (buono per bottom), qui serve dentro */
}
/* ------------------------------
   LINEA NEON PRINCIPALE
------------------------------ */
.neon-line {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 3px;

  background: linear-gradient(
    90deg,
    var(--zl-cyan),
    #d946ef,         /* colore reale presente nel file */
    var(--zl-cyan)
  );

  z-index: 20;
}

/* ------------------------------
   NEON GLOW — OUTER
------------------------------ */
.neon-glow-outer {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;

  height: 10px;

  background: linear-gradient(
    90deg,
    var(--zl-cyan),
    #d946ef,
    var(--zl-cyan)
  );

  filter: blur(20px);
  opacity: 0.75;
  z-index: 10;
}

/* ------------------------------
   NEON GLOW — INNER
------------------------------ */
.neon-glow-inner {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 40px;

  background: linear-gradient(
    90deg,
    var(--zl-cyan),
    #d946ef,
    var(--zl-cyan)
  );

  filter: blur(25px);
  opacity: 0.30;
  transform: translateY(-50%);
  z-index: 15;
}

.footer-shell .neon-system--top .neon-line{
  top: 0;
  bottom: auto;
  height: 3px; /* o 4px se la vuoi più “presente” */
  opacity: 1;

  /* ribadiamo il background così vince su eventuali override */
  background: linear-gradient(90deg, var(--zl-cyan), #d946ef, var(--zl-cyan));
}