/* 
=====================================================
   CUSTOM NEON CURSOR STYLES
===================================================== 
*/

/* Hide cursor on mobile/touch devices */
@media (max-width: 1024px) {

    .rtc-cursor,
    .rtc-cursor-follower {
        display: none !important;
    }
}

@media (min-width: 1025px) {
    body {
        cursor: none;
        /* Hide default cursor */
    }

    /* Interactive elements show pointer */
    a,
    button,
    input,
    textarea,
    select,
    .neon-btn {
        cursor: none;
    }

    /* Small Center Dot */
    .rtc-cursor {
        position: fixed;
        width: 8px;
        height: 8px;
        background: #f8bb2f;
        /* Gold */
        border-radius: 50%;
        z-index: 9999999;
        pointer-events: none;
        transform: translate(-50%, -50%);
        transition: width 0.3s, height 0.3s, background 0.3s;
        box-shadow: 0 0 10px rgba(248, 187, 47, 0.8);
    }

    /* Trailing Outer Ring */
    .rtc-cursor-follower {
        position: fixed;
        width: 40px;
        height: 40px;
        border: 1px solid rgba(30, 56, 239, 0.5);
        /* Blue */
        border-radius: 50%;
        z-index: 9999998;
        pointer-events: none;
        transform: translate(-50%, -50%);
        transition: width 0.3s, height 0.3s, border-color 0.3s, background 0.3s;
        box-shadow: 0 0 15px rgba(30, 56, 239, 0.2);
    }

    /* Active State (Hover) */
    .rtc-cursor.active {
        width: 0;
        height: 0;
        opacity: 0;
    }

    .rtc-cursor-follower.active {
        width: 60px;
        height: 60px;
        background: rgba(30, 56, 239, 0.1);
        border-color: #f8bb2f;
        /* Gold Border */
        box-shadow: 0 0 30px rgba(248, 187, 47, 0.3);
        backdrop-filter: blur(2px);
    }

    /* Click State */
    .rtc-cursor-follower.clicked {
        transform: translate(-50%, -50%) scale(0.8);
        background: rgba(248, 187, 47, 0.3);
    }
}