/*
 * Native tarayici imleci bilincli olarak gorunur birakilir.
 * Mavi/turuncu Sportjunior imleci ek bir gorsel katman olarak calisir;
 * kullanicinin sistem imleci hicbir elementte gizlenmez.
 */

.cursor,
.cursor-follower {
  position: fixed;
  top: 0;
  left: 0;
  user-select: none;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transform: translate(-50%, -50%) scale(1);
  will-change: transform, width, height, opacity, background-color, border-color;
  z-index: 10000;
}

.cursor {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #F8A226;
  transition:
    opacity 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33),
    visibility 0.2s ease,
    transform 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33);
}

.cursor-follower {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid rgba(82, 101, 180, 0.9);
  background-color: rgba(82, 101, 180, 0.04);
  transition:
    opacity 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33),
    visibility 0.2s ease,
    background-color 0.25s cubic-bezier(0.75, -0.27, 0.3, 1.33),
    border-color 0.25s cubic-bezier(0.75, -0.27, 0.3, 1.33),
    transform 0.25s cubic-bezier(0.75, -1.27, 0.3, 2.33);
}

.cursor.is-visible,
.cursor-follower.is-visible {
  opacity: 1;
  visibility: visible;
}

.cursor.active,
.cursor.hovered {
  transform: translate(-50%, -50%) scale(1.05);
}

.cursor-follower.active,
.cursor-follower.hovered {
  border-color: #5265B4;
  background-color: rgba(82, 101, 180, 0.1);
  transform: translate(-50%, -50%) scale(1.733) !important;
}

.cursor-follower.menu-active {
  border-color: rgba(82, 101, 180, 1);
  background-color: rgba(82, 101, 180, 0.14);
  transform: translate(-50%, -50%) scale(1.933) !important;
}

@media (hover: none), (pointer: coarse), (max-width: 991px), (prefers-reduced-motion: reduce) {
  .cursor,
  .cursor-follower {
    display: none !important;
  }
}