/*
Theme Name: CloudPage Blog
Theme URI: https://cloudpage.com.br/blog/
Author: CloudPage
Description: Tema do blog da CloudPage. Serve apenas /blog/ dentro do site estático: usa o mesmo CSS, as mesmas fontes e o mesmo cabeçalho do site, sem Elementor e sem plugin de SEO. O visual vem de /agencia.min.css, publicado junto com o site.
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 8.1
License: Proprietária
Text Domain: cloudpage-blog
*/

/* Este arquivo existe porque o WordPress exige. O estilo do blog vem de
   /agencia.min.css, o mesmo arquivo que o site estático usa — ver functions.php.
   Aqui ficam só os ajustes que o editor do WordPress introduz e que o CSS do
   site não prevê. */

/* alinhamento das imagens vindas do editor */
.post-body .alignleft { float: left; margin: 0 24px 16px 0; }
.post-body .alignright { float: right; margin: 0 0 16px 24px; }
.post-body .aligncenter { display: block; margin-inline: auto; }
.post-body .wp-caption { max-width: 100%; }
.post-body .wp-caption-text,
.post-body figcaption { font-size: var(--fs-kicker); color: var(--muted); margin-top: 8px; }
.post-body img { max-width: 100%; height: auto; }

/* o bloco de citação do editor, no tom do site */
.post-body blockquote {
  border-left: 3px solid var(--accent);
  padding-left: 20px;
  margin: 28px 0;
  color: var(--ink);
}

/* lista do editor herda o espaçamento do corpo do post */
.post-body ul, .post-body ol { margin: 0 0 20px 22px; }
.post-body li { margin-bottom: 8px; }

/* ---------------------------------------------------------------------------
   Titulo dentro do artigo: cor legivel em qualquer nivel  (20/10/2026)

   O artigo corre sobre fundo claro, mas o --ink do site e branco (o resto das
   paginas e escuro). O CSS so corrigia h2 e h3, entao h1, h4, h5 e h6 vindos
   do conteudo saiam brancos no branco — invisiveis. Apareceu num post com 14
   <h4> e num outro que trazia o titulo repetido como <h1>.
--------------------------------------------------------------------------- */
.sec-post-light .post-body :is(h1, h2, h3, h4, h5, h6) {
  color: var(--carvao-900);
}

/* os niveis que o CSS do site nao desenhava: tamanho coerente com h3 */
.sec-post-light .post-body :is(h4, h5, h6) {
  font-family: 'Hind', sans-serif;
  font-weight: 700;
  line-height: 1.35;
  margin: 28px 0 10px;
}
.sec-post-light .post-body h4 { font-size: 1.1875rem; }
.sec-post-light .post-body :is(h5, h6) { font-size: 1.0625rem; }

/* um h1 no conteudo e erro de origem (o titulo ja esta no cabecalho da pagina),
   mas se aparecer, que nao se disfarce de titulo da pagina */
.sec-post-light .post-body h1 { font-size: 1.5rem; }