/**
 * Chatbot leggibile.
 *
 * IL GUASTO, IN UNA RIGA
 *
 * La finestra del chatbot ha il fondo scuro e imposta il testo chiaro
 * sul contenitore della risposta. Ma la risposta dell'assistente non è
 * testo semplice: è HTML — paragrafi, elenchi puntati, grassetti. E il
 * tema del sito ha una regola globale che colora TUTTI i paragrafi di
 * grigio scuro.
 *
 * Quella regola vince sull'ereditarietà, perché un colore scritto
 * esplicitamente batte sempre un colore ereditato — non è questione di
 * quale arriva dopo. Risultato: il grassetto si legge (eredita, nessuno
 * lo colora) e il testo normale no. È esattamente quello che si vedeva:
 * "4." e "5." con accanto il vuoto.
 *
 * LA CORREZIONE
 *
 * Si dice ai figli della risposta di tornare a ereditare. Non si scrive
 * un colore fisso: si scrive `inherit`. Così se un domani il chatbot
 * passa al tema chiaro, il testo diventa scuro da solo e questa regola
 * non va corretta.
 */

.mwai-chatbot-container .mwai-reply .mwai-text p,
.mwai-chatbot-container .mwai-reply .mwai-text div,
.mwai-chatbot-container .mwai-reply .mwai-text span,
.mwai-chatbot-container .mwai-reply .mwai-text ul,
.mwai-chatbot-container .mwai-reply .mwai-text ol,
.mwai-chatbot-container .mwai-reply .mwai-text li,
.mwai-chatbot-container .mwai-reply .mwai-text strong,
.mwai-chatbot-container .mwai-reply .mwai-text b,
.mwai-chatbot-container .mwai-reply .mwai-text em,
.mwai-chatbot-container .mwai-reply .mwai-text i,
.mwai-chatbot-container .mwai-reply .mwai-text small,
.mwai-chatbot-container .mwai-reply .mwai-text h1,
.mwai-chatbot-container .mwai-reply .mwai-text h2,
.mwai-chatbot-container .mwai-reply .mwai-text h3,
.mwai-chatbot-container .mwai-reply .mwai-text h4,
.mwai-chatbot-container .mwai-reply .mwai-text h5,
.mwai-chatbot-container .mwai-reply .mwai-text h6,
.mwai-chatbot-container .mwai-reply .mwai-text table,
.mwai-chatbot-container .mwai-reply .mwai-text td,
.mwai-chatbot-container .mwai-reply .mwai-text th,
.mwai-chatbot-container .mwai-reply .mwai-text blockquote,
.mwai-chatbot-container .mwai-reply .mwai-text label,
.mwai-chatbot-container .mwai-reply .mwai-text dt,
.mwai-chatbot-container .mwai-reply .mwai-text dd {
	color: inherit !important;
	-webkit-text-fill-color: inherit !important;
}

/*
 * I collegamenti no.
 *
 * Un collegamento dello stesso colore del testo smette di sembrare un
 * collegamento, e in una risposta che spiega "vai su questa pagina"
 * quello è l'unico pezzo su cui si deve cliccare. Qui resta distinto,
 * con la sottolineatura che lo rende riconoscibile anche a chi
 * distingue male i colori.
 */
.mwai-chatbot-container .mwai-reply .mwai-text a {
	color: #8ab4f8 !important;
	-webkit-text-fill-color: #8ab4f8 !important;
	text-decoration: underline !important;
}

/*
 * Il codice dentro le risposte: fondo appena staccato e testo che
 * eredita, altrimenti sparisce come il resto.
 */
.mwai-chatbot-container .mwai-reply .mwai-text code,
.mwai-chatbot-container .mwai-reply .mwai-text pre {
	color: inherit !important;
	-webkit-text-fill-color: inherit !important;
	background-color: rgba( 255, 255, 255, .08 );
}

/*
 * Il campo dove si scrive.
 *
 * Stesso guasto, altro punto: alcuni temi colorano gli `input` e le
 * `textarea` di tutto il sito, e lì dentro finisce testo scuro su fondo
 * scuro mentre lo si sta digitando.
 */
.mwai-chatbot-container .mwai-input-text textarea,
.mwai-chatbot-container .mwai-input-text input {
	color: inherit !important;
	-webkit-text-fill-color: inherit !important;
}