/*=============== CUSTOM CURSOR ===============*/
.custom-cursor {
  position: fixed;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  pointer-events: none;
  z-index: 9999;
  transition: transform 0.15s ease-out, filter 0.15s ease-out;
}

.custom-cursor svg {
  filter: drop-shadow(0 0 4px rgba(255, 255, 255, 0.5));
}

.custom-cursor.hover {
  transform: scale(1.8);
  filter: drop-shadow(0 0 8px hsl(14, 80%, 50%));
}

/* Hide default cursor on desktop */
@media screen and (min-width: 768px) {
  * {
    cursor: none !important;
  }
}

/* Hide custom cursor on mobile/touch devices */
@media screen and (max-width: 767px) {
  .custom-cursor {
    display: none;
  }
}

@media (hover: none) {
  .custom-cursor {
    display: none;
  }
}