/* Fabula Core Beta 1.0.15 — ajustes localizados após revisão do BlogHash.
 * Nenhum seletor global de tipografia: preservar as opções atuais do Personalizador.
 */

/* 1. Postagem individual: mesmo azul dos títulos na listagem principal. */
body.single-post #main .fabula-single > .entry-header > h1.entry-title {
  color: var(--fabula-primary, #3275c5) !important;
}

/* 2. Notifications com [row]/[column] antigos.
 * Alinhar verticalmente ícone e texto; manter empilhamento da Beta 1.0.14 no mobile.
 * Sem modificar as rows genéricas fora de alerts. */
#main .entry-content .alert:has(> .row) > .row {
  align-items: center !important;
  min-width: 0;
}
#main .entry-content .alert:has(> .row) > .row > [class*="col-"] {
  align-self: center;
  min-width: 0;
}
/* Margens herdadas do editor são assimétricas quando a coluna tem só um
   parágrafo. Removê-las apenas nos blocos de alerta com colunas. */
#main .entry-content .alert:has(> .row) > .row > [class*="col-"] > :first-child {margin-top:0 !important;}
#main .entry-content .alert:has(> .row) > .row > [class*="col-"] > :last-child {margin-bottom:0 !important;}

/* 3. Notifications com o shortcode [icon] e texto no mesmo parágrafo.
 * [icon type="fa fa-warning"] gera um <i class="fa fa-warning">.
 * Alinhar o ícone pelo centro da linha e equilibrar margens sem atingir
 * avisos que contenham parágrafos comuns, listas ou notificações aninhadas. */
#main .entry-content .alert > p:has(i.fa-warning, i.fa-exclamation-triangle, i.fa-exclamation-circle) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 5px;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
#main .entry-content .alert > p:has(i.fa-warning, i.fa-exclamation-triangle, i.fa-exclamation-circle) > i {
  flex: 0 0 auto;
  line-height: 1;
  vertical-align: middle;
}
#main .entry-content .alert > p:has(i.fa-warning, i.fa-exclamation-triangle, i.fa-exclamation-circle) > i + * {
  vertical-align: middle;
}
/* Alguns blocos usam ícone diretamente no alerta, sem <p>. */
#main .entry-content .alert:has(> i.fa-warning, > i.fa-exclamation-triangle) {
  display: flex;
  align-items: center;
  gap: 6px;
}

/* 4. Busca: mesmo alinhamento de cabeçalho e barra lateral das categorias. */
.fabula-search-archive > .archive-header { margin: 0 0 26px; }
.fabula-search-archive > .archive-header .archive-title { margin: 0; }
.fabula-search-archive > .fabula-columns { align-items: flex-start; }

/* 5. Plugin de reações: ocultar só quando for injetado no resumo de busca.
 * Ele continua disponível dentro da postagem individual. */
body.search #main .fabula-post-grid .card-item .entry-summary .da-reactions-outer,
body.search #main .fabula-post-grid .card-item .entry-summary .da-reactions,
body.search #main .fabula-post-grid .card-item .entry-summary [class^="da-reaction-"],
body.search #main .fabula-post-grid .card-item .entry-summary [class*=" da-reaction-"] {
  display: none !important;
}

/* 6. Mais espaço entre resumo e 'Continuar lendo' sem afetar a altura
 * dinâmica do carrossel: o JS mede todos os slides incluindo esta margem. */
#main .fabula-home-feature--native .fabula-hero-content a.fabula-hero-more {
  margin-top: 18px !important;
}
@media (max-width: 780px) {
  #main .fabula-home-feature--native .fabula-hero-content a.fabula-hero-more {
    margin-top: 13px !important;
  }
}

/* 7. Não aplicar zoom em imagens de Outras Postagens / relacionados,
 * nem nos cartões de Outras Notícias. Preserva clique e outros hovers. */
#main .fabula-related .fabula-related-thumb img,
#main .fabula-related .fabula-related-thumb:hover img,
#main .fabula-related .fabula-related-card:hover img,
.fabula-other-news-card:hover .fabula-other-news-media img {
  transform: none !important;
  transition: none !important;
}


/* Fabula Core Beta 1.0.16: corrigir centralizacao vertical efetiva dos
 * [row]/[column] antigos dentro de notifications em telas largas.
 * Na Beta 1.0.15, align-items era ignorado porque o Bootstrap 3 mantinha
 * .row como um container de colunas flutuantes, nao um flex container.
 * Abaixo de 641px, preservar o empilhamento responsivo da Beta 1.0.14. */
@media (min-width:641px) {
  #main .entry-content .alert > .row:has(> [class*="col-"]) {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center !important;
  }
  /* Clearfix do Bootstrap cria pseudo-elementos que virariam flex items. */
  #main .entry-content .alert > .row:has(> [class*="col-"])::before,
  #main .entry-content .alert > .row:has(> [class*="col-"])::after {
    display: none !important;
    content: none !important;
  }
  #main .entry-content .alert > .row:has(> [class*="col-"]) > [class*="col-"] {
    float: none !important;
    align-self: center !important;
    min-width: 0;
  }
}