/* =========================================================
   ARENA UI — DESKTOP ENHANCEMENTS MODULE
   Hover-only effects • Fine pointer devices
   Estratto e ordinato dal file originale
========================================================= */

@media (hover: hover) and (pointer: fine) {

  /* ---------------------------------------------
     NAV LINK HOVER
  --------------------------------------------- */
  .nav-link:hover {
    color: var(--zl-cyan);
  }

  /* ---------------------------------------------
     BUTTONS — CTA HOVER
  --------------------------------------------- */
  .btn-cta:hover,
  .btn-primary:hover {
    transform: translateY(-1px) scale(1.02);
    filter: brightness(1.05);
    box-shadow: 0 0 24px rgba(250, 204, 21, 0.9);
  }

  /* ---------------------------------------------
     BUTTONS — SECONDARY HOVER
  --------------------------------------------- */
  .btn-secondary:hover {
    transform: translateY(-1px) scale(1.02);
    filter: brightness(1.07);
    box-shadow: 0 0 22px rgba(56, 189, 248, 0.95);
  }

  /* ---------------------------------------------
     FOOTER — SOCIAL ICON HOVER
  --------------------------------------------- */
  .footer-social-link:hover {
    transform: translateY(-1px) scale(1.04);
    box-shadow: 0 0 22px rgba(56, 189, 248, 1);
    filter: brightness(1.08);
  }

  /* ---------------------------------------------
     FAQ ITEM HOVER (solo desktop)
  --------------------------------------------- */
  @media (min-width: 769px) {
    .faq-item:hover {
      border-color: rgba(56, 189, 248, 0.85);
      background: rgba(10, 20, 40, 0.96);
      box-shadow:
        0 0 18px rgba(15, 23, 42, 0.95),
        0 0 22px rgba(56, 189, 248, 0.35);
      transform: translateY(-1px);
    }
  }

  /* ---------------------------------------------
     DESKTOP FX BOOST (Noise & Spotlight)
  --------------------------------------------- */
  @media (min-width: 900px) {
    .film-noise { opacity: .12; }
    .mouse-spotlight { display: block; }
  }
}
