/* --- İZOLASYON VE TEMEL AYARLAR --- */
.ikn-crs-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    pointer-events: none; /* Mouse tıklamalarını engellemez, altındaki butonlara tıklanabilir! */
    z-index: 999999; /* Tüm sitenin en üstünde süzülsün */
    overflow: hidden;
}

/* --- ANA PARLAYAN NOKTA (Mouse'un tam ucu) --- */
.ikn-crs-dot {
    position: absolute;
    top: -5px;
    left: -5px;
    width: 10px;
    height: 10px;
    background-color: #ffffff;
    border-radius: 50%;
    /* <-- ANA NOKTA IŞIK RENGİ BURADAN --> */
    box-shadow: 0 0 10px #ffffff, 0 0 20px #00f0ff;
    transition: transform 0.05s linear;
    will-change: transform;
}

/* --- ARKADAN YUMUŞAKÇA GELEN ORBİT HALKASI --- */
.ikn-crs-ring {
    position: absolute;
    top: -20px;
    left: -20px;
    width: 40px;
    height: 40px;
    border: 1.5px solid rgba(255, 255, 255, 0.4);
    border-radius: 50%;
    transition: width 0.3s ease, height 0.3s ease, border-color 0.3s ease;
    will-change: transform;
}

/* Tıklama anındaki daralma ve parlama efekti */
.ikn-crs-ring.ikn-crs-active {
    width: 28px;
    height: 28px;
    top: -14px;
    left: -14px;
    border-color: #ccff00; /* Tıklayınca neon yeşili yaksın */
    box-shadow: 0 0 15px rgba(204, 255, 0, 0.6);
}

/* --- SİHİRLİ KIVILCIMLAR (Sparkles) --- */
.ikn-crs-sparkles {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ikn-sparkle {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    /* Kıvılcımın sönerek aşağı dökülme animasyonu */
    animation: iknSparkleFall 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    will-change: transform, opacity;
}

/* Kıvılcım Patlama ve Sönme Keyframe'i */
@keyframes iknSparkleFall {
    0% {
        opacity: 1;
        transform: scale(1) translate(0, 0);
    }
    50% {
        opacity: 0.8;
        transform: scale(1.2) translate(0, 15px); /* Hafif aşağı süzülsün */
    }
    100% {
        opacity: 0;
        transform: scale(0) translate(0, 35px); /* Tamamen küçülüp yok olsun */
    }
}

/* --- MOBİL GİZLEME KORUMASI --- */
@media (max-width: 991px) {
    .ikn-crs-wrapper {
        display: none !important;
    }
}