/* ============================================
   MOUSE FOLLOWER EFFECT - EASY TO REMOVE
   Created: 2026-01-24
   To remove: Delete this file and js/mouse-follower.js
   Also remove the 2 include lines from Site.master
   ============================================ */

/* The floating braid/image follower */
#mouseFollower {
    position: fixed;
    pointer-events: none;
    z-index: 9999;
    transition: transform 0.15s ease-out;
    filter: drop-shadow(0 0 20px rgba(255, 215, 0, 0.3));
    display: none; /* Hidden by default, shown only on desktop */
}

#mouseFollower img {
    width: 50px;
    height: auto;
    display: block;
}

/* Trail particles effect */
.mouse-trail {
    position: fixed;
    width: 8px;
    height: 8px;
    background: radial-gradient(circle, var(--primary, #ffd700) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
    animation: mouseTrailFade 1s forwards;
    z-index: 9998;
}

@keyframes mouseTrailFade {
    to {
        opacity: 0;
        transform: scale(0);
    }
}

/* Only show on desktop (screens wider than 1024px) */
@media (min-width: 1024px) {
    #mouseFollower {
        display: block;
    }
    
    /* Optional: hide default cursor on body for immersive effect */
    /* Uncomment the line below if you want to hide the default cursor */
    /* body { cursor: none; } */
}

/* Hide on mobile and tablets */
@media (max-width: 1023px) {
    #mouseFollower,
    .mouse-trail {
        display: none !important;
    }
}

/* Hide for TV browsers (low performance devices) */
.tv-browser #mouseFollower,
.tv-browser .mouse-trail {
    display: none !important;
}