/**
 * Cursor Animation Styles
 * Professional mouse cursor with hover effects
 */

/* Default cursor hide - handled by JavaScript */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.05);
}

::-webkit-scrollbar-thumb {
    background: var(--primary-color-1, #007bff);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--primary-color-1, #007bff);
    opacity: 0.8;
}

/* Cursor dot glow effect */
@keyframes cursor-pulse {
    0%, 100% {
        box-shadow: 0 0 10px rgba(0, 123, 255, 0.8), 
                    0 0 20px rgba(0, 123, 255, 0.4);
    }
    50% {
        box-shadow: 0 0 15px rgba(0, 123, 255, 1), 
                    0 0 30px rgba(0, 123, 255, 0.6);
    }
}

/* Cursor ring animation on hover */
@keyframes cursor-ring-glow {
    0%, 100% {
        box-shadow: 0 0 10px rgba(0, 123, 255, 0.3),
                    inset 0 0 10px rgba(0, 123, 255, 0.1);
    }
    50% {
        box-shadow: 0 0 20px rgba(0, 123, 255, 0.6),
                    inset 0 0 10px rgba(0, 123, 255, 0.3);
    }
}

/* Apply animation on hover state */
.cursor-ring:hover {
    animation: cursor-ring-glow 1.5s ease-in-out infinite;
}

/* Smooth transitions for interactive elements */
a,
button,
input[type="button"],
input[type="submit"],
.btn,
[role="button"],
label {
    transition: all 0.2s ease-out;
}

/* Optional: Add a subtle visual feedback for cursor */
body {
    background-attachment: fixed; /* Better for cursor visibility */
}