/*
|--------------------------------------------------------------------------
| FitUI V2 — Listing Hero Mouse Glow
|--------------------------------------------------------------------------
*/

body.fitui-v2-listing .fit-v2-signature-hero{

    --fit-mouse-x:50%;
    --fit-mouse-y:42%;
    --fit-mouse-glow-opacity:0;

    position:relative;
    isolation:isolate;

}

body.fitui-v2-listing .fit-v2-signature-hero__mouse-glow{

    position:absolute;
    inset:0;

    z-index:3;

    pointer-events:none;

    opacity:var(--fit-mouse-glow-opacity);

    background:
        radial-gradient(
            circle 360px at
            var(--fit-mouse-x)
            var(--fit-mouse-y),

            rgba(var(--fit-gold-rgb),.16) 0%,
            rgba(var(--fit-gold-rgb),.085) 24%,
            rgba(var(--fit-gold-rgb),.035) 48%,
            transparent 72%
        );

    mix-blend-mode:screen;

    transition:
        opacity .45s ease;

    will-change:
        opacity,
        background;

}

body.fitui-v2-listing .fit-v2-signature-hero__mouse-glow::before{

    content:"";

    position:absolute;

    width:150px;
    height:150px;

    left:var(--fit-mouse-x);
    top:var(--fit-mouse-y);

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

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(255,255,255,.10) 0%,
            rgba(var(--fit-gold-rgb),.08) 28%,
            transparent 72%
        );

    filter:blur(20px);

    opacity:.8;

}

body.fitui-v2-listing .fit-v2-signature-hero.is-mouse-active{

    --fit-mouse-glow-opacity:1;

}

/*
|--------------------------------------------------------------------------
| Layer protection
|--------------------------------------------------------------------------
*/

body.fitui-v2-listing .fit-v2-signature-hero__media{

    z-index:0;

}

body.fitui-v2-listing .fit-v2-signature-hero__shade{

    z-index:1;

}

body.fitui-v2-listing .fit-v2-signature-hero__atmosphere{

    z-index:2;

}

body.fitui-v2-listing .fit-v2-signature-hero__shell{

    position:relative;
    z-index:5;

}

/*
|--------------------------------------------------------------------------
| Mobile
|--------------------------------------------------------------------------
*/

@media (max-width:980px){

    body.fitui-v2-listing .fit-v2-signature-hero__mouse-glow{

        background:
            radial-gradient(
                circle 260px at
                var(--fit-mouse-x)
                var(--fit-mouse-y),

                rgba(var(--fit-gold-rgb),.11) 0%,
                rgba(var(--fit-gold-rgb),.05) 42%,
                transparent 72%
            );

    }

}

@media (hover:none), (pointer:coarse){

    body.fitui-v2-listing .fit-v2-signature-hero__mouse-glow{

        display:none;

    }

}

@media (prefers-reduced-motion:reduce){

    body.fitui-v2-listing .fit-v2-signature-hero__mouse-glow{

        display:none;

    }

}