/* Only show custom cursor on devices with a real mouse (fine pointer + hover capability) */
@media (hover: hover) and (pointer: fine) {
    .cursor-dot, .cursor-outline {
        pointer-events: none; 
        position: fixed; 
        top: 0; 
        left: 0; 
        transform: translate(-50%, -50%); 
        border-radius: 50%; 
        z-index: 99999; /* Extremely high z-index to stay on top */
    }

    .cursor-dot { 
        width: 8px; 
        height: 8px; 
        background-color: var(--accent); 
    }
    
    .cursor-outline { 
        width: 40px; 
        height: 40px; 
        border: 2px solid var(--accent); 
        transition: width 0.2s ease, height 0.2s ease, background-color 0.2s ease, border-color 0.2s ease; 
    }
    
    .cursor-outline.hover { 
        width: 60px; 
        height: 60px; 
        background-color: rgba(255, 0, 0, 0.1); 
        border-color: var(--accent-secondary); 
    }

    /* Hide default system cursor on desktop for all interactive elements */
    body, a, button, input, textarea, .terminal-input, .quick-cmd-btn { 
        cursor: none !important; 
    }
}

/* Hide custom cursor completely on touch/mobile devices */
@media (pointer: coarse), (hover: none) {
    .cursor-dot, .cursor-outline { 
        display: none !important; 
    }
}