/* 
   Cursor: Admin Electric (RGB Electric Arc Style)
   Admin panelindeki cursor stilinin birebir kopyası
   Style ID: admin_electric
*/

/* Halka - Admin Electric Arc Efekti */
.cursor-ring-admin_electric {
    background: transparent;
    border: none;
    box-shadow: 0 0 20px rgba(0, 200, 255, 0.4), 0 0 40px rgba(100, 0, 255, 0.2);
    position: relative;
}

.cursor-ring-admin_electric::before,
.cursor-ring-admin_electric::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 2px dashed transparent;
    border-top-color: #00d4ff;
    border-bottom-color: #9d4edd;
    animation: adminElectricSpin 0.8s linear infinite;
    box-shadow: 0 0 10px #00d4ff;
    top: 0;
    left: 0;
}

.cursor-ring-admin_electric::after {
    width: 80%;
    height: 80%;
    top: 10%;
    left: 10%;
    border-top-color: #9d4edd;
    border-bottom-color: #00d4ff;
    animation: adminElectricSpin 0.6s linear infinite reverse;
    box-shadow: 0 0 8px #9d4edd;
}

@keyframes adminElectricSpin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Hover durumu */
.cursor-main.cursor-hover .cursor-ring-admin_electric {
    width: 70px !important;
    height: 70px !important;
    margin-left: -35px !important;
    margin-top: -35px !important;
    box-shadow: 0 0 35px rgba(0, 200, 255, 0.6), 0 0 70px rgba(100, 0, 255, 0.4);
}

.cursor-main.cursor-hover .cursor-ring-admin_electric::before,
.cursor-main.cursor-hover .cursor-ring-admin_electric::after {
    animation-duration: 0.5s;
    filter: brightness(1.3);
}

/* Tıklama durumu (click effect ayrı yönetiliyor) */
.cursor-main.clicking .cursor-ring-admin_electric {
    width: 40px !important;
    height: 40px !important;
    margin-left: -20px !important;
    margin-top: -20px !important;
    box-shadow: 0 0 30px rgba(0, 200, 255, 0.8), 0 0 60px rgba(100, 0, 255, 0.5);
}

.cursor-main.clicking .cursor-ring-admin_electric::before,
.cursor-main.clicking .cursor-ring-admin_electric::after {
    animation-duration: 0.3s;
    border-width: 3px;
}