/* Tarayıcının doğal fare oku ve bağlantı eli korunur. */
a,
button,
[role="button"],
input[type="button"],
input[type="submit"] {
  cursor: pointer;
}

@media (hover: hover) and (pointer: fine) {
  .site-cursor-ring {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2147483000;
    width: 36px;
    height: 36px;
    margin: -18px 0 0 -18px;
    border: 2px solid #171535;
    border-radius: 50%;
    background: rgba(23, 21, 53, .07);
    box-shadow: 0 5px 18px rgba(23, 21, 53, .10);
    opacity: 0;
    pointer-events: none;
    will-change: transform, width, height, opacity;
    transition: width .22s ease, height .22s ease, margin .22s ease, border-color .18s ease, background .18s ease, opacity .18s ease;
  }

  .site-cursor-ring.is-visible {
    opacity: 1;
  }

  .site-cursor-ring.is-on-dark {
    border-color: #f4510b;
    background: rgba(244, 81, 11, .13);
    box-shadow: 0 7px 24px rgba(244, 81, 11, .16);
  }

  .site-cursor-ring.is-on-orange {
    border-color: #171535;
    background: rgba(23, 21, 53, .12);
    box-shadow: 0 7px 24px rgba(23, 21, 53, .18);
  }

  .site-cursor-ring.is-active {
    width: 58px;
    height: 58px;
    margin: -29px 0 0 -29px;
  }

  .site-cursor-ring.is-pressed {
    width: 30px;
    height: 30px;
    margin: -15px 0 0 -15px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .site-cursor-ring {
    display: none !important;
  }
}