/* Custom Cursor - Opened */
  .custom-cursor {
    position: fixed !important;
    width: 15px; height: 15px;
    border-radius: 50%;
    background: rgb(255, 123, 0);
    box-shadow: 0 0 15px rgb(255, 123, 0), 0 0 30px rgb(255, 123, 0);
    pointer-events: none;
    transform: translate(-50%, -50%);
    transition: background 0.3s, box-shadow 0.3s, transform 0.15s, opacity 0.2s;
    z-index: 2147483647; /* max-ish */
    opacity: 100%;
  }

  /* White glow when hovering "buttons" (real or styled) */
  .custom-cursor.white-glow {
    background: #a436ff;
    box-shadow: 0 0 15px #a751ee, 0 0 30px #c684fc;
    opacity: 30%;
  }





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

/* Show normal cursor or touch behavior on mobile/tablets */
@media (hover: none) and (pointer: coarse) {
  html, body, * {
    cursor: auto !important;
  }
  /* Optionally hide any custom cursor elements you made */
  .custom-cursor {
    display: none !important;
  }
}

/* Custom Cursor - Closed */