/**
 * Template de post (templates/single.html): hero com capa, corpo em coluna e posts relacionados.
 */

/* Template de post (templates/single.html): hero de 429 px com capa sob o
   cabeçalho transparente, corpo cinza em coluna de 840 px. */
.garagem-post-hero {
	margin-block-start: 0;
}

.garagem-post-hero .wp-block-cover__inner-container {
	width: 100%;
	max-width: 840px;
	box-sizing: border-box;
	padding-block-end: 51px;
}

.garagem-post-hero .wp-block-post-title {
	max-width: 690px;
	line-height: 1.4;
}

.garagem-post-hero__linha {
	margin-block-start: 1.5rem;
}

.garagem-post-hero__linha .wp-block-buttons {
	margin-inline-end: -24px;
}

.garagem-post-hero__linha .wp-block-post-date {
	color: var(--wp--preset--color--branco, #fff);
}

.garagem-post-corpo {
	padding-block: 64px 25px;
	margin-block-end: 10px;
}

.garagem-post-corpo .wp-block-post-content {
	max-width: 840px;
	margin-inline: auto;
	font-size: var(--wp--preset--font-size--texto-pequeno);
	line-height: 1.2;
}

.garagem-post-corpo .wp-block-post-content > * + * {
	margin-block-start: 12.3px;
}

.garagem-post-corpo h2 {
	color: var(--wp--preset--color--grafite, #111);
}

.garagem-post-relacionados .garagem-grid-conteudos__imagem {
	height: auto;
	aspect-ratio: 283 / 184;
	object-fit: cover;
}

.garagem-post-corpo__voltar {
	max-width: 840px;
	margin-inline: auto;
	margin-block-start: 48px;
	justify-content: flex-end;
	padding-inline-end: 4px;
	box-sizing: border-box;
}

@media (max-width: 781px) {
	/* 144 px = altura medida do cabeçalho transparente em 390 (logo e ações
	   quebram em duas linhas); o título nunca fica sob ele. */
	.garagem-post-hero {
		padding-block-start: 144px;
	}

	.garagem-post-hero .wp-block-cover__inner-container {
		padding-block-end: 32px;
	}

	.garagem-post-hero__linha .wp-block-buttons {
		width: 100%;
		margin-inline-end: 0;
	}
}