/* ============================================
   NolHitam — Custom Cursor
   Soft, minimal, premium cursor system
   ============================================ */

/* Hide default cursor on desktop */
@media (hover: hover) and (pointer: fine) {
  body,
  body * {
    cursor: none !important;
  }
}

/* Cursor dot */
.cursor-dot {
  position: fixed;
  top: 0;
  left: 0;
  width: 8px;
  height: 8px;
  background: #ffffffa8;
  border-radius: 50%;
  pointer-events: none;
  z-index: 99999;
  transform: translate(-50%, -50%);
  transition:
    width 0.3s ease,
    height 0.3s ease,
    background 0.3s ease;
  will-change: transform;
}

/* Cursor glow ring */
.cursor-glow {
  position: fixed;
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  background: radial-gradient(
    circle,
    rgba(255, 255, 255, 0.15) 0%,
    rgba(255, 255, 255, 0.05) 40%,
    transparent 70%
  );
  border-radius: 50%;
  pointer-events: none;
  z-index: 99998;
  transform: translate(-50%, -50%);
  will-change: transform;
}

/* Magnetic hover state — cursor enlarges */
.cursor-dot--magnetic {
  width: 12px;
  height: 12px;
  background: #ffffffc2;
}

.cursor-glow--magnetic {
  width: 64px;
  height: 64px;
  background: radial-gradient(
    circle,
    rgba(255, 255, 255, 0.12) 0%,
    rgba(255, 255, 255, 0.03) 40%,
    transparent 70%
  );
}

/* Hide cursor elements on touch devices */
@media (hover: none) and (pointer: coarse) {
  .cursor-dot,
  .cursor-glow {
    display: none !important;
  }

  body,
  body * {
    cursor: auto !important;
  }
}