/* Custom Cursor Styles */
@media (min-width: 768px) {
  * {
    cursor: none !important;
  }
}

/* Show default cursor on mobile devices */
@media (max-width: 767px) {
  * {
    cursor: auto !important;
  }
  .custom-cursor {
    display: none !important;
  }
}

.custom-cursor {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
  z-index: 99999;
}

.cursor-outer {
  position: absolute;
  width: 60px;
  height: 60px;
  border: 4px solid #ff69b4;
  border-radius: 50%;
  box-sizing: border-box;
  background: transparent;
  left: 0;
  top: 0;
  transform: translate(-50%, -50%);
  transition: transform 0.22s cubic-bezier(0.4, 0, 0.2, 1);
}

.cursor-inner {
  position: absolute;
  width: 18px;
  height: 18px;
  background: #ff69b4;
  border-radius: 50%;
  left: 0;
  top: 0;
  transform: translate(-50%, -50%) scale(1);
  transition: transform 0.22s cubic-bezier(0.4, 0, 0.2, 1);
}

.custom-cursor.active .cursor-inner {
  transform: translate(-50%, -50%) scale(2.2);
}

/* Hide default cursor for interactive elements */
a,
button,
input,
textarea,
[role="button"] {
  cursor: none !important;
}