.wp-singular main {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

#post-info {
  margin-top: 10px !important;
}

body.single-post main.wp-block-group > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
body.single-post .wp-block-group.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  max-width: 1200px !important;
}

/* Infos do post — escopado para não vazar no header */
body.single-post #post-info.wp-block-group.is-content-justification-space-between,
body.single-post main .wp-block-group.is-content-justification-space-between {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: var(--wp--preset--color--primary, #265244) !important;
  line-height: 1.4 !important;
}

/* Lado Esquerdo: Autor, Data e Categorias — escopado */
body.single-post #post-info.wp-block-group.is-content-justification-space-between > .wp-block-group.is-layout-flex,
body.single-post main .wp-block-group.is-content-justification-space-between > .wp-block-group.is-layout-flex {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
}

/* 1. Autor ("Por: [Nome]") — escopado */
body.single-post .wp-block-group.is-content-justification-space-between p.wp-block-paragraph,
body.single-post .wp-block-group.is-content-justification-space-between .wp-block-post-author-name {
  margin: 0 !important;
  color: var(--wp--preset--color--primary, #265244) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  display: inline-flex !important;
}

/* Separador "|" após o Autor */
body.single-post .wp-block-group.is-content-justification-space-between .wp-block-post-author-name::after {
  content: "|" !important;
  margin-left: 12px !important;
  color: var(--wp--preset--color--primary, #265244) !important;
  opacity: 0.6 !important;
}

/* 2. Data ("Publicado em: [Data]") */
body.single-post .wp-block-group.is-content-justification-space-between .wp-block-post-date {
  color: var(--wp--preset--color--primary, #265244) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
}

body.single-post .wp-block-group.is-content-justification-space-between .wp-block-post-date::before {
  content: "Publicado em: " !important;
  margin-right: 4px !important;
}

/* Separador "|" após a Data */
body.single-post .wp-block-group.is-content-justification-space-between .wp-block-post-date::after {
  content: "|" !important;
  margin-left: 12px !important;
  color: var(--wp--preset--color--primary, #265244) !important;
  opacity: 0.6 !important;
}

.taxonomy-category {
  padding-left: 10px;
}

/* 3. Categorias (Tags com borda #E5E5E5, padding e fonte 11px) */
body.single-post .wp-block-group.is-content-justification-space-between .taxonomy-category.wp-block-post-terms {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 !important;
}

/* Esconde as vírgulas padrão do WordPress */
body.single-post .wp-block-group.is-content-justification-space-between .wp-block-post-terms__separator {
  display: none !important;
}

body.single-post .wp-block-group.is-content-justification-space-between .taxonomy-category.wp-block-post-terms a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 4px 6px !important;
  background-color: #FFFFFF !important;
  border: 1px solid #E5E5E5 !important;
  border-radius: 4px !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  color: #484848 !important;
  text-decoration: none !important;
  line-height: 1 !important;
  transition: border-color 0.2s ease, color 0.2s ease !important;
}

body.single-post .wp-block-group.is-content-justification-space-between .taxonomy-category.wp-block-post-terms a:hover {
  border-color: var(--wp--preset--color--primary, #265244) !important;
  color: var(--wp--preset--color--primary, #265244) !important;
}

/* 4. Lado Direito: Likes e Ações */
body.single-post .wp-block-group.is-content-justification-space-between .wp-block-post-comments-count {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 14px !important;
  color: var(--wp--preset--color--primary, #265244) !important;
  margin: 0 !important;
}

/* Gap de 5px para a barra de metas do post */
body.single-post .wp-block-group.is-content-justification-space-between > .wp-block-group.is-layout-flex {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
}

/* Título Principal do Post: 32px, Bold (700), #265244 */
body.single-post h1.wp-block-post-title,
body.single-post .wp-block-post-title {
  font-size: 32px !important;
  font-weight: 700 !important;
  color: var(--wp--preset--color--primary, #265244) !important;
  line-height: 1.2 !important;
}

/* Conteúdo/Texto do Post: 18px, Regular (400), #000000, Line-height 100% */
body.single-post .wp-block-post-content p,
body.single-post .entry-content p {
  font-size: 18px !important;
  font-weight: 400 !important;
  color: #000000 !important;
  line-height: 1.3 !important;
  margin-bottom: 20px !important;
}
/* ==========================================================================
   Centralização Global da Seção Inferior do Single Post (1200px)
   ========================================================================== */
body.single-post p:has(> a[href*="history.back"]),
body.single-post h3.wp-block-heading,
body.single-post .wp-block-query,
body.single-post ul.wp-block-categories-list {
  max-width: 1200px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

/* ==========================================================================
   1. Botão Voltar (Centralizado na tela)
   ========================================================================== */
body.single-post p:has(> a[href*="history.back"]) {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin-top: 20px !important;
  margin-bottom: 40px !important;
  text-align: center !important;
}

body.single-post a[href*="history.back"] {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  color: var(--wp--preset--color--accent, #438B42) !important;
  text-decoration: none !important;
  transition: transform 0.2s ease, opacity 0.2s ease !important;
}

body.single-post a[href*="history.back"]::before {
  content: "" !important;
  display: inline-block !important;
  width: 20px !important;
  height: 20px !important;
  background: url('/wp-content/uploads/2026/08/Vector.png') no-repeat center / contain !important;
  -webkit-mask: none !important;
  mask: none !important;
}

body.single-post a[href*="history.back"]:hover {
  transform: translateX(-3px);
  opacity: 0.85;
}

/* ==========================================================================
   2. Título "Leia também"
   ========================================================================== */
body.single-post h3.wp-block-heading {
  font-size: 26px !important;
  font-weight: 600 !important;
  color: var(--wp--preset--color--primary, #265244) !important;
  line-height: 1.2 !important;
  margin-top: 0 !important;
  margin-bottom: 28px !important;
}

/* ==========================================================================
   3. Grid "Leia também" (3 Colunas proporcionais e alinhadas)
   ========================================================================== */
body.single-post .wp-block-query {
  display: block !important;
  margin-bottom: 48px !important;
}

body.single-post .wp-block-query ul.wp-block-post-template {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 32px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
}

/* Estrutura de cada card: Imagem 100px na esquerda + Textos na direita */
body.single-post .wp-block-query ul.wp-block-post-template > li {
  display: grid !important;
  grid-template-columns: 100px 1fr !important;
  grid-template-rows: 23px auto !important;
  column-gap: 16px !important;
  row-gap: 6px !important;
  align-items: start !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  position: relative !important;
  cursor: pointer !important;
}

/* Imagem 100x100 com raio 4px */
body.single-post .wp-block-query .wp-block-post-featured-image {
  grid-row: 1 / span 2 !important;
  grid-column: 1 !important;
  width: 100px !important;
  min-width: 100px !important;
  height: 100px !important;
  max-height: 100px !important;
  margin: 0 !important;
  border-radius: 4px !important;
  overflow: hidden !important;
  background-color: #e2e2e2;
  flex-shrink: 0 !important;
}

body.single-post .wp-block-query .wp-block-post-featured-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 4px !important;
  display: block !important;
}

/* Data */
body.single-post .wp-block-query .wp-block-post-date {
  grid-column: 2 !important;
  grid-row: 1 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: var(--wp--preset--color--primary, #265244) !important;
  margin: 0 !important;
  line-height: 1.2 !important;
}

/* Título */
body.single-post .wp-block-query h5.wp-block-post-title,
body.single-post .wp-block-query .wp-block-post-title {
  grid-column: 2 !important;
  grid-row: 2 !important;
  margin: 0 !important;
  line-height: 1.35 !important;
}

body.single-post .wp-block-query .wp-block-post-title a {
  font-size: 15px !important;
  font-weight: 500 !important;
  color: var(--wp--preset--color--primary, #265244) !important;
  text-decoration: none !important;
  display: block !important;
}

/* Clique em todo o card */
body.single-post .wp-block-query .wp-block-post-title a::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
}


/* ==========================================================================
   4. Categorias Inferiores (Pills 78x39, Borda #E5E5E5, Raio 8px, Fonte 16px #484848)
   ========================================================================== */
body.single-post ul.wp-block-categories-list {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 17px !important;
  list-style: none !important;
  padding: 0 !important;
  margin-top: 0 !important;
  justify-content: space-between;
}

body.single-post ul.wp-block-categories-list li {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
}

body.single-post ul.wp-block-categories-list a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 78px !important;
  height: 39px !important;
  padding: 0 14px !important;
  background-color: #FFFFFF !important;
  border: 1px solid var(--wp--preset--color--border-light, #E5E5E5) !important;
  border-radius: 8px !important;
  color: var(--wp--preset--color--tag-text, #484848) !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
  transition: all 0.2s ease !important;
}

body.single-post ul.wp-block-categories-list a:hover {
  background-color: #F8F8F8 !important;
  border-color: var(--wp--preset--color--primary, #265244) !important;
  color: var(--wp--preset--color--primary, #265244) !important;
}

/* ==========================================================================
   5. Responsividade Mobile / Tablet
   ========================================================================== */
@media (max-width: 992px) {
  body.single-post .wp-block-query ul.wp-block-post-template {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }
}
