/* ==========================================================================
   SYMFOREST CUSTOM CURSOR & SPARKLE (Desktop Only)
   ========================================================================== */

/* Kursor Tongkat untuk semua elemen di Desktop */
@media (min-width: 1025px) {
  body,
  a,
  button,
  .sfx-hero-cta,
  .sfx-cta-link,
  .sfx-audio-btn,
  [role="button"],
  input,
  select,
  textarea {
    cursor:
      url("../img/magic-cursor.png") 0 0,
      auto !important;
  }

  /* Partikel Sparkle yang dibuat oleh JavaScript */
  .sfx-sparkle {
    position: absolute;
    pointer-events: none; /* Penting: agar tidak mengganggu klik mouse */
    background: radial-gradient(
      circle,
      #bc69ff 0%,
      rgba(255, 255, 255, 0.8) 30%,
      rgba(255, 255, 255, 0) 70%
    );
    border-radius: 50%;
    z-index: 999999;
    box-shadow:
      0 0 10px #a855f7,
      0 0 5px #fff;
    animation: sfxSparkleFade 0.7s ease-out forwards;
  }
}

/* Animasi Sparkle: Mengecil dan Menghilang */
@keyframes sfxSparkleFade {
  0% {
    transform: scale(0) rotate(0deg);
    opacity: 0;
  }
  20% {
    opacity: 1;
    transform: scale(1.2);
  }
  100% {
    transform: scale(0) translateY(25px) rotate(180deg);
    opacity: 0;
  }
}

/* Reset untuk Mobile (HP) - Pakai kursor standar */
@media (max-width: 1024px) {
  body,
  a,
  button {
    cursor: auto !important;
  }
  .sfx-sparkle {
    display: none !important;
  }
}