/*
 * CSS que só existe no WordPress — escrito à mão, ao contrário de site.css.
 * Aqui fica o que o site original não precisava: retorno de envio do
 * formulário, a barra de administração, 404 e páginas comuns.
 */

/* Barra preta do WordPress para quem está logado: o cabeçalho é fixo e ficaria
   por baixo dela. */
.admin-bar .cab {
	top: 32px;
}
@media (max-width: 782px) {
	.admin-bar .cab {
		top: 46px;
	}
}

/* Retorno depois de enviar um formulário. */
.form__retorno {
	margin: 0 0 var(--s3);
	padding: var(--s2) var(--s3);
	border-left: 4px solid var(--laranja);
	background: var(--branco);
	color: var(--grafite);
	font-size: 0.9375rem;
}
.form__retorno--erro {
	border-left-color: #b3261e;
}

/* 404 e páginas comuns. */
.bp-404,
.bp-pagina {
	padding-block: calc(var(--header-h) + clamp(var(--s6), 10vh, var(--s8))) clamp(var(--s6), 10vh, var(--s8));
	background: var(--branco);
}
.bp-404 .h2,
.bp-pagina .h2 {
	margin-block: var(--s2) var(--s3);
}
.bp-404__acoes {
	display: flex;
	flex-wrap: wrap;
	gap: var(--s2);
	margin-top: var(--s4);
}
.bp-pagina__corpo > * + * {
	margin-top: var(--s2);
}