/* Ink Cursor Styles - Only for anonymous and user roles */

/* Hide default cursor */
html.ink-cursor-enabled,
html.ink-cursor-enabled * {
    cursor: none !important;
}

/* SVG filter for gooey effect */
.ink-cursor-svg {
    display: none;
}

/* Ink cursor container */
#ink-cursor {
    pointer-events: none;
    position: fixed !important;
    display: block !important;
    border-radius: 0;
    transform-origin: center center;
    mix-blend-mode: difference;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    z-index: 10000 !important;
    filter: url("#goo");
    visibility: visible !important;
    opacity: 1 !important;
    overflow: visible !important;
}

#ink-cursor span {
    position: absolute;
    display: block !important;
    width: 26px;
    height: 26px;
    border-radius: 20px;
    transform-origin: center center;
    visibility: visible !important;
    opacity: 1 !important;
    will-change: transform, left, top;
}

/* Theme-aware colors */
[data-theme="GoldBlackLuxe"] #ink-cursor span {
    background-color: #FFD700; /* Gold */
}

[data-theme="ModernFlatCinema"] #ink-cursor span {
    background-color: #E50914; /* Red */
}

[data-theme="NeonCinema"] #ink-cursor span {
    background-color: #00FFFF; /* Cyan */
}

/* Default fallback */
#ink-cursor span {
    background-color: #ffffff;
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    #ink-cursor,
    #ink-cursor span {
        animation: none !important;
        transition: none !important;
    }
}