/*
 * Dra. Lidiane Sena — Blog pages 1.2.21
 * Escopo exclusivo de /blog/ e artigos individuais.
 * 1) Remove qualquer dependência visual de scroll reveal no Blog.
 * 2) Mantém o cabeçalho/menu com fundo em degradê em todos os artigos,
 *    inclusive artigos criados futuramente pelo painel.
 */

body.page-type-blog,
body.page-type-post{
  --csp-blog-menu-gradient:
    linear-gradient(112deg,
      color-mix(in srgb,var(--brand-dark) 96%,#000) 0%,
      color-mix(in srgb,var(--brand-main) 94%,var(--brand-dark)) 46%,
      color-mix(in srgb,var(--brand-main) 82%,var(--brand-soft)) 100%);
}

/* Menu sempre legível sobre Blog e artigos. */
body.page-type-blog .site-header,
body.page-type-blog .site-header.is-scrolled,
body.page-type-post .site-header,
body.page-type-post .site-header.is-scrolled{
  background:var(--csp-blog-menu-gradient)!important;
  border-bottom-color:rgba(255,255,255,.12)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  box-shadow:0 12px 34px rgba(0,0,0,.08)!important;
}

body.page-type-blog .site-header .brand-copy strong,
body.page-type-blog .site-header .brand-copy small,
body.page-type-blog .site-header .desktop-nav a,
body.page-type-post .site-header .brand-copy strong,
body.page-type-post .site-header .brand-copy small,
body.page-type-post .site-header .desktop-nav a{
  color:#fff!important;
}

body.page-type-blog .site-header .desktop-nav a::after,
body.page-type-post .site-header .desktop-nav a::after{
  background:rgba(255,255,255,.86)!important;
}

body.page-type-blog .site-header .menu-toggle span,
body.page-type-post .site-header .menu-toggle span{
  background:#fff!important;
}

/* O Blog não deve depender de IntersectionObserver/scroll para aparecer. */
body.page-type-blog [data-reveal],
body.page-type-post [data-reveal]{
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
  transition:none!important;
  transition-delay:0ms!important;
  will-change:auto!important;
}

body.page-type-blog [data-reveal-title] .word>span,
body.page-type-post [data-reveal-title] .word>span{
  opacity:1!important;
  transform:none!important;
  transition:none!important;
  transition-delay:0ms!important;
}

/* Garante conteúdo visível imediatamente mesmo com classes antigas em cache. */
body.page-type-blog .blog-hero .shell,
body.page-type-blog .blog-mosaic,
body.page-type-blog .post-card,
body.page-type-post .article-header,
body.page-type-post .article-cover,
body.page-type-post .article-body{
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}

/* Mobile menu herda o mesmo campo cromático do cabeçalho. */
body.page-type-blog .mobile-menu,
body.page-type-post .mobile-menu{
  background:var(--csp-blog-menu-gradient)!important;
}

body.page-type-blog .mobile-menu a,
body.page-type-post .mobile-menu a{
  color:#fff!important;
}