/* =====================================================
   GameNexa Custom Gaming Cursor
===================================================== */

@media (pointer: fine) {

    html,
    body,
    a,
    button,
    input[type="submit"],
    .elementor-button {
        cursor: none !important;
    }

    .gamenexa-cursor {
        position: fixed;
        top: 0;
        left: 0;
        width: 0;
        height: 0;
        z-index: 999999;
        pointer-events: none;
    }

    /* Small main cursor */

    .gamenexa-cursor-core {
        position: fixed;

        width: 10px;
        height: 10px;

        border-radius: 50%;

        background: #8b5cff;

        box-shadow:
            0 0 8px #8b5cff,
            0 0 16px rgba(139, 92, 255, 0.8),
            0 0 28px rgba(59, 130, 246, 0.5);

        transform: translate(-50%, -50%);

        z-index: 2;
    }

    /* Smooth follower */

    .gamenexa-cursor-ring {
        position: fixed;

        width: 42px;
        height: 42px;

        border-radius: 50%;

        border: 1px solid rgba(139, 92, 255, 0.65);

        background: rgba(139, 92, 255, 0.03);

        backdrop-filter: blur(3px);
        -webkit-backdrop-filter: blur(3px);

        display: flex;
        justify-content: center;
        align-items: center;

        transform: translate(-50%, -50%);

        transition:
            width 0.3s ease,
            height 0.3s ease,
            background 0.3s ease,
            border-color 0.3s ease;

        z-index: 1;
    }

    .gamenexa-cursor-text {
        font-size: 9px;
        font-weight: 700;
        letter-spacing: 0.8px;
        text-transform: uppercase;

        color: #ffffff;

        opacity: 0;

        transition: opacity 0.2s ease;

        white-space: nowrap;
    }


    /* =========================================
       Button Hover
    ========================================= */

    body.gamenexa-cursor-button .gamenexa-cursor-ring {

        width: 68px;
        height: 68px;

        background: rgba(139, 92, 255, 0.16);

        border-color: rgba(167, 139, 250, 0.95);
    }

    body.gamenexa-cursor-button .gamenexa-cursor-text {
        opacity: 1;
    }


    /* =========================================
       Portfolio / Game Hover
    ========================================= */

    body.gamenexa-cursor-game .gamenexa-cursor-ring {

        width: 82px;
        height: 82px;

        background: rgba(10, 10, 25, 0.65);

        border-color: #8b5cff;

        box-shadow:
            0 0 25px rgba(139, 92, 255, 0.22);
    }

    body.gamenexa-cursor-game .gamenexa-cursor-text {
        opacity: 1;
    }


    /* Hide when mouse leaves browser */

    .gamenexa-cursor.is-hidden {
        opacity: 0;
    }

}


/* =====================================================
   Disable custom cursor on Touch / Mobile
===================================================== */

@media (pointer: coarse), (max-width: 767px) {

    .gamenexa-cursor {
        display: none !important;
    }

    html,
    body,
    a,
    button,
    .elementor-button {
        cursor: auto !important;
    }

}