/**
 * Formatacao historica das mensagens.
 *
 * Escrito a mao. As cores estao em formatacao-cores.css, que e GERADO a partir de
 * SMPT_Forum_Color_Map::paleta() por `wp smpt-forum gerar-css-formatacao`.
 *
 * O preto historico nao tem classe de proposito: herda a cor do tema. Se fosse
 * codificado, as 138 520 ocorrencias ficavam preto-sobre-escuro em modo escuro.
 */

.smpt-forum-mensagem__corpo {
	overflow-wrap: break-word;
	line-height: 1.6;
}

/* ------------------------------------------------------------------ tamanhos */
/* 12px nao gera classe: e o valor por omissao do editor, 55 412 ocorrencias. */

.fx-s-xs  { font-size: .7em; }
.fx-s-s   { font-size: .85em; }
.fx-s-m   { font-size: 1em; }
.fx-s-l   { font-size: 1.25em; }
.fx-s-xl  { font-size: 1.6em; }
.fx-s-xxl { font-size: 2em; }

/* --------------------------------------------------------------- alinhamento */

.fx-a-center  { text-align: center; }
.fx-a-right   { text-align: right; }
.fx-a-justify { text-align: justify; }

/* ------------------------------------------------------------ estilo inline */

.fx-negrito    { font-weight: 700; }
.fx-italico    { font-style: italic; }
.fx-sublinhado { text-decoration: underline; }
.fx-riscado    { text-decoration: line-through; }

/* -------------------------------------------------------------- citacoes */
/* 41 095 mensagens. A barra a esquerda substitui a moldura do forum antigo. */

.fx-quote {
	margin: .8rem 0;
	padding: .6rem .9rem;
	border-left: 3px solid var(--smpt-forum-ouro, #a36b00);
	border-radius: 0 8px 8px 0;
	background: color-mix(in srgb, currentColor 4%, transparent);
	font-size: .95em;
}

.fx-quote > cite {
	display: block;
	margin-bottom: .35rem;
	font-style: normal;
	font-weight: 600;
	font-size: .9em;
	opacity: .85;
}

/* Uma citacao dentro de outra: o forum antigo permitia varios niveis. */
.fx-quote .fx-quote {
	margin: .5rem 0;
	font-size: 1em;
}

/* ---------------------------------------------------------------- spoilers */
/* 5 676 mensagens. <details> nativo: zero JavaScript. */

.fx-spoiler {
	margin: .8rem 0;
	padding: .5rem .8rem;
	border: 1px solid var(--smpt-forum-linha, #e3e9f1);
	border-radius: 8px;
	background: color-mix(in srgb, currentColor 3%, transparent);
}

.fx-spoiler > summary {
	cursor: pointer;
	font-weight: 600;
	font-size: .9em;
	list-style: none;
}

.fx-spoiler > summary::-webkit-details-marker {
	display: none;
}

.fx-spoiler > summary::before {
	content: "▸ ";
	display: inline-block;
	transition: transform .15s ease;
}

.fx-spoiler[open] > summary::before {
	content: "▾ ";
}

@media (prefers-reduced-motion: reduce) {
	.fx-spoiler > summary::before {
		transition: none;
	}
}

/* ------------------------------------------------------------------ codigo */
/* Apenas 28 mensagens no arquivo inteiro. */

.fx-codigo {
	margin: .8rem 0;
	padding: .6rem .8rem;
	border-radius: 8px;
	background: color-mix(in srgb, currentColor 7%, transparent);
	overflow-x: auto;
	font-size: .88em;
}

.fx-codigo code {
	white-space: pre-wrap;
	word-break: break-all;
}

/* ----------------------------------------------------------------- smileys */
/* 107 859 mensagens. Alinhados com o texto, sem esticar a linha. */

.fx-smiley {
	display: inline-block;
	vertical-align: text-bottom;
	max-height: 1.6em;
	width: auto;
	margin: 0 .1em;
}

/* ------------------------------------------------------------------ videos */
/* ~810 recuperados de iframes. Ligacao, nunca embed: zero chamadas externas. */

.fx-video {
	display: inline-block;
	padding: .3rem .7rem .3rem 1.9rem;
	border: 1px solid var(--smpt-forum-borda, #c6ced8);
	border-radius: 6px;
	text-decoration: none;
	font-size: .92em;
	position: relative;
}

.fx-video::before {
	content: "▶";
	position: absolute;
	left: .7rem;
	font-size: .8em;
	color: #c4302b;
}

/* --------------------------------------------------- media que desapareceu */

.smpt-forum-media-indisponivel {
	display: inline-block;
	padding: .15rem .5rem;
	border: 1px dashed var(--smpt-forum-borda, #c6ced8);
	border-radius: 4px;
	font-size: .85em;
	font-style: italic;
	opacity: .7;
}

/* ------------------------------------------------------- imagens e tabelas */

.smpt-forum-mensagem__corpo img {
	max-width: 100%;
	height: auto;
}

/* As 435 mensagens com tabela nao podem empurrar a pagina para o lado. */
.smpt-forum-mensagem__corpo table {
	display: block;
	max-width: 100%;
	overflow-x: auto;
	border-collapse: collapse;
}

.smpt-forum-mensagem__corpo td,
.smpt-forum-mensagem__corpo th {
	padding: .25rem .5rem;
	border: 1px solid var(--smpt-forum-linha, #e3e9f1);
}

/* ------------------------------------------------------------- assinaturas */
/* Em todas as mensagens, ~6 KB de HTML por pagina — medido. */

.smpt-forum-assinatura {
	margin-top: .9rem;
	padding-top: .5rem;
	border-top: 1px dashed var(--smpt-forum-borda, #c6ced8);
	font-size: .85em;
	opacity: .85;
}

.smpt-forum-assinatura img {
	max-width: 100%;
	height: auto;
}

/* ---------------------------------------------------------------- ligacoes */
/* 4 384 dos 5 360 links historicos passaram a apontar para dentro do arquivo.
   Os 245 que sobram apontam para topicos que nunca entraram na captura: nao se
   apagam nem se desviam para outro sitio, mas tambem nao se fingem vivos. */

.fx-link-perdido {
	text-decoration-style: dotted;
	text-decoration-thickness: 1px;
	opacity: .7;
	cursor: help;
}

/* O sinal nao pode ser so a opacidade: quem nao distingue contraste fino tem
   de ter outra pista, e o titulo do link nao chega a quem navega a vista. */
.fx-link-perdido::after {
	content: " \2298";
	font-size: .85em;
	text-decoration: none;
}