/**
 * SVH Avatar IA — Modo Accesible
 * Se activa añadiendo clase .svh-avatar--a11y al #svh-avatar-root
 *
 * @version 1.0.0
 */

/* ── Modo alto contraste ──────────────────────────────────── */
#svh-avatar-root.svh-avatar--a11y .svh-avatar__panel {
    border: 2px solid #0f172a !important;
}

#svh-avatar-root.svh-avatar--a11y .svh-avatar__header {
    background: #0f172a !important;
}

#svh-avatar-root.svh-avatar--a11y .svh-avatar__msg--maria {
    background: #0f172a !important;
    color: #fff !important;
    font-size: 16px !important;
}

#svh-avatar-root.svh-avatar--a11y .svh-avatar__msg--user {
    background: #1e40af !important;
    color: #fff !important;
    font-size: 16px !important;
}

#svh-avatar-root.svh-avatar--a11y .svh-avatar__msg--action {
    background: #14532d !important;
    color: #fff !important;
    font-size: 15px !important;
    border-color: #166534 !important;
}

#svh-avatar-root.svh-avatar--a11y .svh-avatar__input {
    font-size: 16px !important;
    border: 2px solid #0f172a !important;
    background: #fff !important;
    color: #000 !important;
}

#svh-avatar-root.svh-avatar--a11y .svh-avatar__suggestion-btn {
    font-size: 14px !important;
    border: 2px solid #0f172a !important;
    color: #0f172a !important;
    padding: 8px 16px !important;
}

#svh-avatar-root.svh-avatar--a11y .svh-avatar__suggestion-btn:hover,
#svh-avatar-root.svh-avatar--a11y .svh-avatar__suggestion-btn:focus {
    background: #0f172a !important;
    color: #fff !important;
}

/* Foco visible reforzado */
#svh-avatar-root.svh-avatar--a11y *:focus-visible {
    outline: 3px solid #facc15 !important;
    outline-offset: 2px !important;
}

/* Subtítulos siempre visibles */
#svh-avatar-root.svh-avatar--a11y .svh-avatar__subtitles {
    display: block !important;
    font-size: 15px !important;
}

/* Disclaimer más legible */
#svh-avatar-root.svh-avatar--a11y .svh-avatar__disclaimer {
    font-size: 13px !important;
    color: #0f172a !important;
}

/* ── Animación reducida (prefers-reduced-motion) ──────────── */
@media (prefers-reduced-motion: reduce) {
    #svh-avatar-root * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }

    .svh-avatar__bubble-pulse {
        display: none !important;
    }
}

/* ── Modo oscuro del sistema ──────────────────────────────── */
@media (prefers-color-scheme: dark) {
    #svh-avatar-root.svh-avatar--a11y .svh-avatar__panel {
        background: #1e293b !important;
        border-color: #475569 !important;
    }

    #svh-avatar-root.svh-avatar--a11y .svh-avatar__messages {
        background: #1e293b !important;
    }

    #svh-avatar-root.svh-avatar--a11y .svh-avatar__input-bar {
        background: #1e293b !important;
        border-color: #475569 !important;
    }

    #svh-avatar-root.svh-avatar--a11y .svh-avatar__input {
        background: #0f172a !important;
        color: #f8fafc !important;
        border-color: #64748b !important;
    }

    #svh-avatar-root.svh-avatar--a11y .svh-avatar__footer {
        background: #1e293b !important;
        border-color: #475569 !important;
    }

    #svh-avatar-root.svh-avatar--a11y .svh-avatar__visual {
        background: #0f172a !important;
    }
}