/* Agência Mestre · Post do blog (single.php): o que o desenho do protótipo precisa para funcionar com os dados reais.
   Carregado só no post, depois do site.css e do wp.css. Nada aqui muda fonte, cor ou texto do protótipo; sem max-width em texto. */

/* o texto do topo não cresce com a trilha: abaixo de 1024px a grade não tem colunas definidas e a trilha do celular fica
   numa linha só; com uma categoria longa ("Inteligência Artificial") em 320px a página rolava de lado (353px) em vez de
   cortar o último item com reticências, como o site.css prevê. Mesma correção do .post-main no wp.css (C8) */
.single-post .post-hero__text{min-width:0}

/* post sem imagem destacada (549 posts): o texto do topo ocupa a grade inteira em vez de deixar a coluna da direita vazia (decisão P12) */
@media (min-width:1024px){
  .single-post .post-hero__grid:not(:has(>.post-hero__media)){grid-template-columns:1fr}
  /* imagem destacada mais alta que larga (4 posts, ex.: 800x5700): recorte 3:2, como no celular (decisão P13) */
  .single-post .post-hero__media--alta img{aspect-ratio:3/2;object-fit:cover}
}

/* campo de formulário colado no texto e newsletter da lateral: regras da base (wp.css, .entry e .newsletter-form) */

/* chamada lateral: sai enquanto outra chamada ou formulário de orçamento está na tela (decisão P10, assets/tema-post.js) */
.single-post .post-aside .aside-cta{transition:opacity .25s var(--ease),visibility .25s}
.single-post .post-aside .aside-cta.is-hidden{opacity:0;visibility:hidden}

/* cartões do "Mais sobre": a linha da categoria e da data quebra e a coluna encolhe. Sem isso, "Empreendedorismo" (uma
   palavra só, 70 posts) + a data dava 252px de largura mínima por cartão, e entre 768 e ~870px (iPad na vertical) as 3
   colunas passavam da tela e a página rolava de lado (post 29168 a 768px: 869px). Quebra como o site.css já faz nas
   listas (.posts, .feat4); acima de ~900px nada muda (cabe numa linha).
   A categoria encolhe antes de a data descer, como no protótipo (sem quebra, o span encolhe): a 768, "Marketing Digital"
   vai a 2 linhas com a data ao lado, e só uma palavra que não cabe ("Empreendedorismo") leva a data para baixo. A linha
   é montada com a largura mínima da categoria (base 0, mínimo automático = a palavra mais longa) e ela cresce até a
   largura natural (max-content não estreita o texto). Base 0 em vez de min-content: funciona no Safari do iPad */
.single-post .cols.c3>.card{min-width:0}
.single-post .cols.c3 .card__meta{flex-wrap:wrap;row-gap:.15rem}
.single-post .cols.c3 .card__meta>span{flex:1 1 0;max-width:max-content}

/* comentários (decisão R1): tudo em assets/wp-comentarios.css */