/* VIDNOK EAA - ELITE PROFILES CSS & NATIVE ASSISTIVE TECH */

/* 1. Stop Animations & Seizure Safe */
html.ve-mode-stop-animations *,
html.ve-mode-seizure-safe * {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
}
html.ve-mode-seizure-safe img[src$=".gif"],
html.ve-mode-stop-animations img[src$=".gif"] {
    filter: grayscale(100%) !important;
}

/* 2. Vision Impaired */
html.ve-mode-vision-impaired {
    filter: saturate(150%) contrast(120%) !important;
}

/* 3. Cognitive Disability (Dyslexia Friendly) */
html.ve-mode-cognitive * {
    font-family: Arial, Helvetica, sans-serif !important;
    word-spacing: 0.15em !important;
    letter-spacing: 0.12em !important;
    line-height: 1.8 !important;
}

/* 4. Smart Focus (Keyboard Nav Upgrade) */
html.ve-mode-smart-focus *:focus,
html.ve-mode-keyboard-nav *:focus {
    outline: 4px solid #10b981 !important;
    outline-offset: 4px !important;
    box-shadow: 0 0 0 6px rgba(16,185,129,0.3) !important;
    background-color: rgba(16, 185, 129, 0.1) !important;
}

/* 5. Big Cursor */
html.ve-mode-big-cursor,
html.ve-mode-big-cursor * {
    cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="%230f172a" stroke="%23ffffff" stroke-width="2" d="M3 3l7 19 4-7 7-4z"/></svg>'), auto !important;
}

/* 6. Highlight Headers */
html.ve-mode-highlight-headers h1,
html.ve-mode-highlight-headers h2,
html.ve-mode-highlight-headers h3,
html.ve-mode-highlight-headers h4,
html.ve-mode-highlight-headers h5,
html.ve-mode-highlight-headers h6 {
    border: 2px dashed #6366f1 !important;
    padding: 4px !important;
    background-color: rgba(99, 102, 241, 0.05) !important;
    border-radius: 4px !important;
}

/* 7. Text Magnifier (Hover to Magnify) */
html.ve-mode-text-magnifier p:hover,
html.ve-mode-text-magnifier span:hover,
html.ve-mode-text-magnifier a:hover,
html.ve-mode-text-magnifier button:hover,
html.ve-mode-text-magnifier li:hover {
    transform: scale(1.1) !important;
    transform-origin: left center !important;
    background-color: #fffbeb !important;
    color: #000000 !important;
    outline: 2px solid #f59e0b !important;
    box-shadow: 0 10px 15px rgba(0,0,0,0.1) !important;
    z-index: 2147483647 !important;
    border-radius: 4px !important;
    transition: transform 0.2s ease !important;
}

/* 8. ADHD Reading Mask */
.ve-reading-mask {
    position: fixed;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 2147483640;
    pointer-events: none; 
}
#ve-reading-mask-top { top: 0; }

/* 9. Reading Guide Line */
.ve-reading-guide {
    position: fixed;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #ef4444;
    box-shadow: 0 0 10px rgba(239, 68, 68, 0.5);
    z-index: 2147483641;
    pointer-events: none;
    transform: translateY(-50%);
}