/*
 * Última Alteração (Shortcode) - modo completo.
 * Os valores padrão reproduzem o widget "Informações do post" do template de post:
 * texto 12px #736B79, ícone 14px #7137E8, 5px entre ícone e texto.
 * Todos podem ser trocados pelos atributos do shortcode (cor_texto, cor_icone, tamanho...).
 */
.ua-post-info {
	--ua-cor-texto: #736B79;
	--ua-cor-icone: #7137E8;
	--ua-tamanho: 12px;
	--ua-tamanho-icone: 14px;
	--ua-espaco-icone: 5px;
	--ua-alinhamento: flex-start;

	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: var(--ua-alinhamento);
	margin: 0;
	padding: 0;
	font-size: var(--ua-tamanho);
	color: var(--ua-cor-texto);
}

.ua-post-info .ua-item {
	display: inline-flex;
	align-items: center;
	margin: 0;
	padding: 0;
	font-size: var(--ua-tamanho);
	color: var(--ua-cor-texto);
	word-break: break-word;
}

.ua-post-info .ua-icone {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	width: var(--ua-tamanho-icone);
	color: var(--ua-cor-icone);
}

.ua-post-info .ua-icone svg {
	display: block;
	width: var(--ua-tamanho-icone);
	height: var(--ua-tamanho-icone);
	fill: var(--ua-cor-icone);
}

.ua-post-info .ua-icone i {
	font-size: var(--ua-tamanho-icone);
	line-height: 1;
	color: var(--ua-cor-icone);
}

.ua-post-info .ua-texto {
	padding: 0;
	font-size: var(--ua-tamanho);
	color: var(--ua-cor-texto);
}

.ua-post-info .ua-icone + .ua-texto {
	padding-inline-start: var(--ua-espaco-icone);
}

.ua-post-info .ua-prefixo,
.ua-post-info .ua-data {
	font: inherit;
	color: inherit;
}