/*
 * blocks.css — estilos dos blocos editoriais (Etapa 5, parte C).
 * Aplicados quando o autor escolhe o estilo no bloco Grupo (ou Código, p/ fórmula).
 * Carrega em is_singular() e no editor.
 */

/* Base dos "callouts" (todos os estilos jj) */
[class*="is-style-jj-"].wp-block-group {
	padding: 20px 22px;
	margin: 1.6em 0;
	border-left: 4px solid var(--jj-green);
	border-radius: var(--jj-radius-sm);
	background: var(--jj-paper);
}
[class*="is-style-jj-"].wp-block-group > :first-child { margin-top: 0; }
[class*="is-style-jj-"].wp-block-group > :last-child { margin-bottom: 0; }
[class*="is-style-jj-"].wp-block-group::before {
	display: block;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
	margin-bottom: 10px;
	color: var(--jj-green);
}

.is-style-jj-definicao { border-left-color: var(--jj-green); }
.is-style-jj-definicao::before { content: "Definição"; color: var(--jj-green); }

.is-style-jj-exemplo { border-left-color: var(--jj-green-2); background: var(--jj-cream); }
.is-style-jj-exemplo::before { content: "Exemplo resolvido"; color: var(--jj-green-2); }

.is-style-jj-passo-a-passo { border-left-color: var(--jj-terra); }
.is-style-jj-passo-a-passo::before { content: "Passo a passo"; color: var(--jj-terra); }

.is-style-jj-atencao { border-left-color: var(--jj-gold); background: rgba(211, 168, 71, .10); }
.is-style-jj-atencao::before { content: "Atenção"; color: #8a6d1f; }

.is-style-jj-erro-comum { border-left-color: var(--jj-terra); background: rgba(188, 96, 66, .08); }
.is-style-jj-erro-comum::before { content: "Erro comum"; color: var(--jj-terra); }

.is-style-jj-dica { border-left-color: var(--jj-green); background: var(--jj-cream); }
.is-style-jj-dica::before { content: "Dica do professor"; color: var(--jj-green); }

.is-style-jj-exercicio { border-left-color: var(--jj-ink); }
.is-style-jj-exercicio::before { content: "Exercício"; color: var(--jj-ink); }

.is-style-jj-referencias { border-left-color: var(--jj-line); font-size: .95em; }
.is-style-jj-referencias::before { content: "Referências"; color: var(--jj-muted); }

/* Fórmula (bloco Código) */
.wp-block-code.is-style-jj-formula {
	background: var(--jj-cream);
	border: 1px dashed var(--jj-line);
	border-radius: var(--jj-radius-sm);
	text-align: center;
	font-family: Georgia, serif;
	font-size: 1.15em;
	padding: 18px;
	white-space: normal;
	overflow-x: auto;
}