/* BORAÍ — blog: listing, article page, table of contents, in-article invitation. */

/* Listing header: title on the left, search on the right, categories below. */
.b-blog-topo .b-migalhas { margin-bottom: 1rem; }
.b-blog-topo__grelha { display: grid; grid-template-columns: minmax(0, 1fr) minmax(18rem, 26rem); align-items: end; gap: 1.5rem 3rem; }
.b-blog-topo h1 { margin: 0; font-size: clamp(2.2rem, 1.4rem + 3vw, 3.5rem); line-height: 1.08; }
.b-blog-topo p { margin: 1rem 0 0; font-size: var(--wp--preset--font-size--large); color: var(--marinho-75); max-width: 44ch; }
.b-pesquisa { display: flex; gap: 0.5rem; padding: 0.4rem; border-radius: 999px; background: var(--branco); box-shadow: var(--sombra); }
.b-pesquisa input { flex: 1; min-width: 0; padding: 0 1rem; border: 0; border-radius: 999px; background: transparent; color: var(--marinho); font: 400 1rem var(--texto); }
.b-pesquisa input:focus { outline: none; }
.b-pesquisa:focus-within { box-shadow: var(--sombra), 0 0 0 3px var(--ceu); }
.b-pesquisa .b-botao { min-height: 44px; }
.b-filtros--blog { position: static; margin: 2rem 0 0; padding: 0; background: none; }
.b-filtros--blog .b-filtro { background: var(--branco); }
.b-filtros--blog .b-filtro.is-ativo { background: var(--marinho); }

/* Listing: the newest article leads, wide, on the first page. */
.b-blog-lista { padding-top: clamp(2.5rem, 5vw, 4rem); }
.b-lista-posts { list-style: none; padding: 0; }
.b-lista-posts > li { display: flex; }
.b-lista-posts > li > .b-card { width: 100%; }
body:not(.paged) .b-lista-posts > li:first-child { grid-column: 1 / -1; }
body:not(.paged) .b-lista-posts > li:first-child .b-card { display: grid; grid-template-columns: 1.25fr 1fr; }
body:not(.paged) .b-lista-posts > li:first-child .b-card__img { aspect-ratio: auto; min-height: 22rem; }
body:not(.paged) .b-lista-posts > li:first-child .b-card__corpo { justify-content: center; padding: clamp(1.75rem, 4vw, 3rem); }
body:not(.paged) .b-lista-posts > li:first-child .b-card__titulo { font-size: clamp(1.5rem, 1.1rem + 1.4vw, 2.1rem); }
.b-card__img img { height: 100%; }
.wp-block-post-featured-image.b-card__img { margin: 0; }
.wp-block-post-featured-image.b-card__img a { display: block; height: 100%; }
.b-tag--link a { color: inherit; text-decoration: none; }
.b-tag--link a:hover { text-decoration: underline; }
.wp-block-post-terms.b-tag { line-height: 1.6; }
.b-card .wp-block-post-excerpt { margin: 0; }
.b-card .wp-block-post-excerpt__excerpt { margin: 0; color: var(--marinho-75); }
.b-card .wp-block-read-more { margin-top: auto; padding-top: 0.4rem; }

/* Article header. */
.b-artigo-topo { padding-top: clamp(2rem, 5vw, 3.5rem); }
.b-artigo-topo__texto { max-width: 820px; }
.b-artigo-topo h1 { margin: 1rem 0 0; font-size: clamp(2rem, 1.3rem + 3vw, 3.4rem); line-height: 1.08; }
.b-artigo-topo__resumo { margin: 1rem 0 0; font-size: var(--wp--preset--font-size--large); color: var(--marinho-75); }
.b-artigo-topo__meta { display: flex; flex-wrap: wrap; gap: 0.4rem 1.25rem; margin: 1.25rem 0 2rem; font-size: 0.9rem; color: var(--marinho-75); }
@media (min-width: 601px) {
	.b-artigo-topo__meta span + span::before { content: "·"; margin-right: 1.25rem; color: var(--ceu); }
}
.b-artigo-topo__img { overflow: hidden; border-radius: var(--r-lg); aspect-ratio: 21 / 9; background: var(--ceu-suave); }
.b-artigo-topo__img img { width: 100%; height: 100%; object-fit: cover; }
.b-artigo-corpo { padding-top: clamp(2.5rem, 5vw, 3.5rem); }

/* Article text. */
.b-prosa { font-size: 1.0625rem; line-height: 1.75; }
.b-prosa > * { max-width: 70ch; }
.b-prosa h2 { margin: 2.75rem 0 0.75rem; font-size: clamp(1.45rem, 1.2rem + 0.8vw, 1.85rem); scroll-margin-top: 110px; }
.b-prosa h3 { margin: 2rem 0 0.5rem; font-size: 1.25rem; }
.b-prosa a { color: var(--marinho); text-decoration: underline; text-decoration-color: var(--ceu); text-decoration-thickness: 2px; text-underline-offset: 3px; }
.b-prosa a:hover { background: var(--ceu-suave); }
.b-prosa ul, .b-prosa ol { padding-left: 1.4rem; }
.b-prosa li + li { margin-top: 0.4rem; }
.b-prosa li::marker { color: var(--ceu); }
.b-prosa .b-dica { padding: 1.25rem 1.5rem; border-radius: var(--r-md); background: var(--lilas); }
.b-prosa .b-dica strong:first-child { color: var(--marinho); }

/* Table of contents. */
.b-indice { margin: 2rem 0; padding: 1.5rem 1.75rem; border-radius: var(--r-md); background: var(--menta); }
.b-indice__titulo { margin: 0 0 0.75rem; font-family: var(--titulo); font-weight: 800; font-size: 1.1rem; }
.b-indice ol { margin: 0; padding-left: 1.25rem; }
.b-indice li + li { margin-top: 0.3rem; }
.b-indice a { text-decoration: none; }
.b-indice a:hover { text-decoration: underline; }

/* Invitation to plan, in the middle of the article. */
.b-convite { margin: 2.5rem 0; padding: clamp(1.5rem, 4vw, 2.25rem); border-radius: var(--r-lg); background: var(--marinho); color: var(--branco); }
.b-convite__titulo { margin: 0; font-family: var(--titulo); font-weight: 800; font-size: 1.45rem; color: var(--branco); }
.b-convite p { color: rgb(255 255 255 / 0.88); }
.b-prosa .b-convite a.b-botao { background: var(--branco); border-color: var(--branco); color: var(--marinho); text-decoration: none; }
.b-prosa .b-convite a.b-botao:hover { background: var(--ceu-suave); }

@media (max-width: 860px) {
	.b-blog-topo__grelha { grid-template-columns: 1fr; }
	body:not(.paged) .b-lista-posts > li:first-child .b-card { grid-template-columns: 1fr; }
	body:not(.paged) .b-lista-posts > li:first-child .b-card__img { min-height: 0; aspect-ratio: 3 / 2; }
}
@media (max-width: 600px) {
	.b-filtros--blog { flex-wrap: nowrap; overflow-x: auto; margin-inline: calc(var(--m) * -1); padding-inline: var(--m); }
	.b-artigo-topo__img { aspect-ratio: 4 / 3; }
	.b-pesquisa .b-botao { padding: 0 1rem; }
}