/* ====== ni-layout.css — Layout por contexto (Layer 2) ====== */
/* AUR-831/B2 PR-3: Familia L movida VERBATIM do ni-global.css (origem L6-578
   pos PR-1/PR-2): HOMEPAGE/CATEGORIAS, BLOG, busca mobile, NI FIX v7 (nav
   desktop, header linha, archive img/excerpt, single titulo/meta/largura,
   mobile fluido, badges, homepage articles) + .ni-nav__container (par nav).
   Enqueue: ni-layout dep [ni-reset]; ni-global dep [ni-layout]. Cascade:
   ni-reset < ni-layout < ni-global(V3) < ni-components/ni-header. Layer 2. */

/* HOMEPAGE */
body.home .wp-block-post-title,body.page-id-104 .wp-block-post-title{display:none!important}
body.home .wp-block-post-template,body.page-id-104 .wp-block-post-template{display:block!important}
body.home .wp-block-post,body.page-id-104 .wp-block-post{width:100%!important;max-width:100%!important}
.ni-hero{background:linear-gradient(135deg,#121F17 0%,#1A2E21 50%,#121F17 100%)!important;border-radius:0!important;margin:0!important}
.ni-hero h1{color:#fff!important;margin-bottom:8px!important}
.ni-hub-hero{background:linear-gradient(135deg,#121F17 0%,#1A2E21 50%,#121F17 100%)!important;border-radius:0!important;margin:0!important}
.ni-hub-hero h1{color:#fff!important;margin-bottom:8px!important}
.ni-search-section{background:#121F17!important;border-radius:0!important}
.ni-search-section h2{color:#ffffff!important;border:none!important}
.ni-search-section h2::after{display:none!important}
.ni-search-section .wp-block-search__input{background:#fff!important;border:2px solid var(--ni-green)!important;padding:14px 18px!important;border-radius:12px 0 0 12px!important;font-size:.95rem!important}
.ni-search-section .wp-block-search__button{background:linear-gradient(135deg,#2E8B57,#3DA86D)!important;color:#fff!important;border:none!important;padding:12px 16px!important;border-radius:0 12px 12px 0!important;font-size:.85rem!important;white-space:nowrap!important}
.ni-latest-posts li{background:#fff!important;border-radius:12px!important;padding:16px!important;border:1px solid #D8DED9!important;border-left:4px solid var(--ni-green)!important;transition:all .2s!important}
.ni-latest-posts li a{color:#121F17!important;font-weight:600!important;text-decoration:none!important;font-size:.95rem!important}

/* CATEGORIAS — lista limpa */
body.archive .wp-block-query-title,body.category .wp-block-query-title{display:none!important}
/* Category/archive title — MIGRATE-7A (migrado de category_title_css prio 999) */
html body.archive .wp-block-query-title,html body.category .wp-block-query-title{display:block!important;font-size:clamp(1.5rem,4vw,2.2rem)!important;font-weight:800!important;color:#121F17!important;text-align:center!important;margin:0 auto 28px!important;padding:20px 0 14px!important;max-width:600px!important;visibility:visible!important;opacity:1!important}
html body.archive .wp-block-query-title::after,html body.category .wp-block-query-title::after{content:''!important;display:block!important;width:60px!important;height:3px!important;background:var(--ni-green)!important;margin:12px auto 0!important;border-radius:2px!important}
html body.archive .wp-block-query-title span,html body.category .wp-block-query-title span{color:var(--ni-green)!important}
body.archive .wp-block-post,body.category .wp-block-post,body.search .wp-block-post{
  padding:14px 16px 14px 50px!important;border-left:4px solid var(--ni-green)!important;
  margin-bottom:10px!important;position:relative!important;max-height:none!important;overflow:visible!important}
body.archive .wp-block-post .wp-block-post-title,body.category .wp-block-post .wp-block-post-title{
  font-size:1.1rem!important;font-weight:600!important;margin:0 0 4px!important;line-height:1.4!important}
body.archive .wp-block-post .wp-block-group.alignfull,body.category .wp-block-post .wp-block-group.alignfull{
  padding-top:0!important;padding-bottom:0!important}

body.archive .wp-block-post .wp-block-post-excerpt,body.category .wp-block-post .wp-block-post-excerpt{
  display:block!important;visibility:visible!important;height:auto!important;max-height:none!important;
  overflow:visible!important;font-size:.85rem!important;color:var(--ni-slate)!important;
  margin:4px 0 0!important;line-height:1.5!important}
body.archive .wp-block-post .wp-block-post-excerpt p,body.category .wp-block-post .wp-block-post-excerpt p{
  font-size:.85rem!important;margin:0!important;background:none!important;
  border:none!important;padding:0!important;color:var(--ni-slate)!important;
  display:block!important;visibility:visible!important}
body.archive .wp-block-post .wp-block-post-date,body.category .wp-block-post .wp-block-post-date{
  font-size:.72rem!important;color:#94a3b8!important;margin:0!important}
body.archive .wp-block-post:hover,body.category .wp-block-post:hover{
  border-left-color:var(--ni-green)!important;background:var(--ni-green-bg)!important;transform:translateX(4px)!important}
body.archive .wp-block-post-template,body.category .wp-block-post-template{counter-reset:artigos!important}
body.archive .wp-block-post::before,body.category .wp-block-post::before{
  counter-increment:artigos!important;content:counter(artigos)!important;
  position:absolute!important;left:10px!important;top:18px!important;
  font-size:.75rem!important;font-weight:700!important;color:var(--ni-green)!important;
  background:var(--ni-green-bg)!important;width:24px!important;height:24px!important;
  border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important}

/* HEADER — avatar oculto: movido VERBATIM para ni-reset.css (AUR-825/B2 PR-1, origem L121-123) */



/* === BLOG PAGE — layout idêntico às categorias === */
/* Remove wrapper com padding grande */
body.blog .wp-block-post .wp-block-group.has-global-padding{
  padding-top:0!important;
  padding-bottom:0!important;
  border:none!important;
}
/* Card base */
body.blog li.wp-block-post{
  background:#fff!important;
  border-radius:12px!important;
  padding:13px 16px 13px 50px!important;
  margin-bottom:10px!important;
  box-shadow:0 1px 4px rgba(0,0,0,.04)!important;
  border:1px solid #D8DED9!important;
  border-left:4px solid var(--ni-green)!important;
  position:relative!important;
  list-style:none!important;
  transition:transform .2s,box-shadow .2s!important;
}
body.blog li.wp-block-post:hover{
  border-left-color:#3DA86D!important;
  box-shadow:0 6px 20px rgba(46,139,87,.1)!important;
  transform:translateX(3px)!important;
}
/* Título */
body.blog .wp-block-post h2.wp-block-post-title,
body.blog .wp-block-post .wp-block-post-title{
  font-size:1.1rem!important;
  font-weight:600!important;
  margin:0 0 4px!important;
  line-height:1.4!important;
  color:#121F17!important;
}
body.blog .wp-block-post h2.wp-block-post-title a,
body.blog .wp-block-post .wp-block-post-title a{
  color:#121F17!important;
  text-decoration:none!important;
  font-size:1.1rem!important;
}
body.blog .wp-block-post h2.wp-block-post-title a:hover{
  color:var(--ni-green)!important;
}
/* Esconde imagem, conteúdo, leia mais */
body.blog .wp-block-post figure,
body.blog .wp-block-post .wp-block-post-featured-image,
body.blog .wp-block-post .wp-block-read-more,
body.blog .wp-block-post .wp-block-post-content{
  display:none!important;
}
/* Excerpt visível */
body.blog .wp-block-post .wp-block-post-excerpt{
  display:block!important;
  visibility:visible!important;
  height:auto!important;
  max-height:none!important;
  font-size:.84rem!important;
  color:#64748b!important;
  margin:3px 0 0!important;
  line-height:1.5!important;
}
body.blog .wp-block-post .wp-block-post-excerpt p{
  font-size:.84rem!important;
  color:#64748b!important;
  margin:0!important;
  background:none!important;
  border:none!important;
  padding:0!important;
  display:block!important;
}
body.blog .wp-block-post .wp-block-post-excerpt .wp-block-post-excerpt__more-text{
  display:none!important;
}
/* Data */
body.blog .wp-block-post .wp-block-post-date{
  font-size:.72rem!important;
  color:#94a3b8!important;
  display:block!important;
  margin:2px 0 0!important;
}
/* Numeração automática */
body.blog .wp-block-post-template{ counter-reset:blog-artigos!important }
body.blog li.wp-block-post::before{
  counter-increment:blog-artigos!important;
  content:counter(blog-artigos)!important;
  position:absolute!important;
  left:10px!important; top:16px!important;
  font-size:.72rem!important; font-weight:700!important;
  color:var(--ni-green)!important;
  background:#D5EFD8!important;
  width:24px!important; height:24px!important;
  border-radius:50%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

/* Blog page — título "Todos os artigos" visível */
body.blog h1.wp-block-heading{
  display:block!important;
  visibility:visible!important;
  font-size:1.8rem!important;
  font-weight:800!important;
  color:#121F17!important;
  margin-top:24px!important;
  margin-bottom:16px!important;
}

/* =====================================================
   MOBILE — BUSCAS HOMEPAGE (hero + bottom)
   ===================================================== */
@media (max-width: 768px) {

  /* --- Busca HERO (topo) --- */
  .ni-search-hero .wp-block-search__inside-wrapper{
    display: flex!important;
    flex-direction: row!important;
    align-items: center!important;
    background: #fff!important;
    border: 2px solid var(--ni-green)!important;
    border-radius: 50px!important;
    padding: 4px 4px 4px 16px!important;
    width: 100%!important;
    box-sizing: border-box!important;
    overflow: hidden!important;
  }
  .ni-search-hero .wp-block-search__input{
    flex: 1 1 auto!important;
    min-width: 0!important;
    border: none!important;
    outline: none!important;
    background: transparent!important;
    font-size: .9rem!important;
    padding: 8px 0!important;
    border-radius: 0!important;
  }
  .ni-search-hero .wp-block-search__button{
    flex: 0 0 42px!important;
    width: 42px!important;
    height: 42px!important;
    background: linear-gradient(135deg,#2E8B57,#3DA86D)!important;
    border: none!important;
    border-radius: 50%!important;
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
    padding: 0!important;
    margin: 0!important;
  }
  .ni-search-hero .wp-block-search__button svg{
    width: 18px!important;
    height: 18px!important;
    fill: #fff!important;
  }

  /* --- Busca BOTTOM (final) — container verde --- */
  .ni-search-section{
    /* Cancela o alignfull que puxa para fora da tela */
    margin-left: 0!important;
    margin-right: 0!important;
    width: 100%!important;
    max-width: 100%!important;
    padding-left: 20px!important;
    padding-right: 20px!important;
    padding-top: 32px!important;
    padding-bottom: 32px!important;
    box-sizing: border-box!important;
  }
  /* Cancela margin negativa do has-global-padding + alignfull */
  .ni-search-section.alignfull,
  .alignfull.ni-search-section{
    margin-left: 0!important;
    margin-right: 0!important;
  }

  /* Form da busca bottom — empilhado verticalmente */
  .ni-search-bottom{
    width: 100%!important;
    box-sizing: border-box!important;
    display: block!important;
  }
  .ni-search-bottom .wp-block-search__inside-wrapper{
    display: flex!important;
    flex-direction: column!important;
    gap: 10px!important;
    width: 100%!important;
    box-sizing: border-box!important;
    background: transparent!important;
    border: none!important;
    padding: 0!important;
    border-radius: 0!important;
  }
  .ni-search-bottom .wp-block-search__input{
    width: 100%!important;
    max-width: 100%!important;
    box-sizing: border-box!important;
    border: 2px solid var(--ni-green)!important;
    border-radius: 12px!important;
    padding: 14px 16px!important;
    font-size: .95rem!important;
    background: #fff!important;
    display: block!important;
  }
  .ni-search-bottom .wp-block-search__button{
    width: 100%!important;
    max-width: 100%!important;
    box-sizing: border-box!important;
    background: linear-gradient(135deg,#2E8B57,#3DA86D)!important;
    color: #fff!important;
    border: none!important;
    border-radius: 12px!important;
    padding: 14px 16px!important;
    font-size: .95rem!important;
    font-weight: 600!important;
    text-align: center!important;
    display: block!important;
    margin: 0!important;
    cursor: pointer!important;
  }

  /* Badges "25 artigos · Tabelas · Fontes" */
  body:not(.ni-lov-page) p[style*="0.8rem"]{
    color: #C2E8CE!important;
    opacity: 1!important;
    font-size: .85rem!important;
  }

}

/* ============================================================
   NI FIX v7 — Nav + Header + Imagem + Titulo + Conteudo
   Prioridade: add_action wp_head, 9999
   ============================================================ */

/* 1. NAV DESKTOP — links brancos sempre visíveis */
@media (min-width:782px) {
  body:not(.ni-lov-page) .wp-block-navigation__responsive-container:not(.is-menu-open){
    display:block!important;
    visibility:visible!important;
    position:static!important;
    background:transparent!important;
    padding:0!important;
    height:auto!important;
    width:auto!important;
    overflow:visible!important;
  }
  body:not(.ni-lov-page) .wp-block-navigation__container{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:2px!important;
    background:transparent!important;
  }
  body:not(.ni-lov-page) .wp-block-navigation__responsive-container-open{
    display:none!important;
  }
}


/* 3. HEADER — logo e nav sempre na mesma linha */
body:not(.ni-lov-page) header.wp-block-template-part .wp-block-group.alignwide,body:not(.ni-lov-page) header .wp-block-group.alignwide.is-layout-flex,body:not(.ni-lov-page) header .wp-block-group.is-nowrap{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  width:100%!important;
  padding-top:10px!important;
  padding-bottom:10px!important;
}
body:not(.ni-lov-page) header .wp-block-site-logo, body:not(.ni-lov-page) header .wp-block-site-title{
  flex-shrink:0!important;
}
body:not(.ni-lov-page) header .wp-block-navigation{
  flex-shrink:0!important;
  overflow:visible!important;
}

/* 4. CATEGORIAS — esconde imagem, mostra titulo+excerpt */
body.archive .wp-block-post figure,
body.archive .wp-block-post .wp-block-post-featured-image,
body.category .wp-block-post figure,
body.category .wp-block-post .wp-block-post-featured-image,
body.search .wp-block-post figure,
body.search .wp-block-post .wp-block-post-featured-image{
  display:none!important;
}
body.archive .wp-block-post,
body.category .wp-block-post,
body.search .wp-block-post{
  max-height:9999px!important;
  overflow:visible!important;
}
body.archive .wp-block-post .entry-content,
body.archive .wp-block-post .wp-block-post-content,
body.category .wp-block-post .entry-content,
body.category .wp-block-post .wp-block-post-content{
  display:none!important;
}
body.archive .wp-block-post .wp-block-post-excerpt,
body.category .wp-block-post .wp-block-post-excerpt{
  display:block!important;
  visibility:visible!important;
  max-height:3.4em!important;
  overflow:hidden!important;
  font-size:.85rem!important;
  color:#64748b!important;
  margin:4px 0 0!important;
  line-height:1.55!important;
}
body.archive .wp-block-post .wp-block-post-excerpt p,
body.category .wp-block-post .wp-block-post-excerpt p{
  font-size:.85rem!important;
  margin:0!important;
  background:none!important;
  border:none!important;
  padding:0!important;
  color:#64748b!important;
}


/* 6. TÍTULO DO ARTIGO — sempre visível e alinhado */
body.single .wp-block-post-title,
body.single-post .wp-block-post-title{
  display:block!important;
  visibility:visible!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  max-width:820px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:24px!important;
  padding-right:24px!important;
  box-sizing:border-box!important;
  font-size:clamp(1.5rem,3vw,2rem)!important;
  font-weight:800!important;
  color:#121F17!important;
  line-height:1.3!important;
  margin-top:0!important;
  margin-bottom:12px!important;
}

/* 7. METADADOS (autor, categoria) — mesmo alinhamento do título */
.single .wp-block-post-author-name,
body.single .wp-block-group.is-layout-flex.has-small-font-size,
body.single .wp-block-group.is-layout-flex[style*="margin-bottom"]{
  max-width:820px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:24px!important;
  padding-right:24px!important;
  box-sizing:border-box!important;
}

/* 8. CONTEÚDO — largura de leitura ideal */
.single .wp-block-post-content,
.single .entry-content,
.single .wp-block-post-content.is-layout-constrained,
.single .entry-content.is-layout-constrained{
  max-width:820px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:24px!important;
  padding-right:24px!important;
  width:100%!important;
  box-sizing:border-box!important;
  padding-top:20px!important;
  margin-top:0!important;
}
.single .wp-block-post-content > *,
.single .entry-content > *{
  max-width:100%!important;
  box-sizing:border-box!important;
  word-wrap:break-word!important;
  overflow-wrap:break-word!important;
}
/* Tabelas — scroll horizontal no mobile */
.single .wp-block-table{
  max-width:100%!important;
  width:100%!important;
  overflow-x:auto!important;
  -webkit-overflow-scrolling:touch!important;
  display:block!important;
}
.single .wp-block-table table{
  min-width:480px!important;
  word-break:normal!important;
}
/* Páginas (contato, política, sobre) */
.page .wp-block-post-content,
.page .entry-content{
  max-width:820px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:24px!important;
  padding-right:24px!important;
}

/* 9. MOBILE — texto fluido */
@media (max-width:768px) {
  .single .wp-block-post-content,
  .single .entry-content,
  .page .wp-block-post-content,
  .page .entry-content{
    padding-left:16px!important;
    padding-right:16px!important;
  }
  body.single .wp-block-post-title,
  body.single-post .wp-block-post-title{
    padding-left:16px!important;
    padding-right:16px!important;
  }
  .single .wp-block-post-content > *,
  .single .entry-content > *{
    width:auto!important;
  }
}

/* Espaço entre imagem e título — padrão 32px */
body.single .wp-block-group[style*="padding-top"]{
  padding-top:32px!important;
}
body.single > main > div[style*="padding-top"]{
  padding-top:32px!important;
}

/* BADGES HOMEPAGE — visíveis */
/* Badges só na seção escura do hero */
body:not(.ni-lov-page) .wp-block-group[style*="background"] p[style*="0.8rem"], body:not(.ni-lov-page) .ni-search-hero ~ p[style*="0.8rem"], body:not(.ni-lov-page) p.has-text-align-center[style*="0.8rem"]:not(.ni-cat-card p):not(.ni-trust-card p){
  color:#ffffff!important;
  opacity:1!important;
  font-size:.9rem!important;
  font-weight:500!important;
  text-shadow:0 1px 3px rgba(0,0,0,.6)!important;
}


/* Cookie reset link */
#ni-reset-ck{
  display:inline-block!important;
  color:var(--ni-green)!important;
  font-weight:600!important;
  text-decoration:underline!important;
  cursor:pointer!important;
}


body:not(.ni-lov-page) .wp-block-navigation__container{flex-wrap:nowrap!important;gap:4px!important}

/* RECIPE MODAL — readable text */
.nir-ov{padding:0!important}
.nir-modal{max-width:100%!important;width:100%!important;height:100vh!important;max-height:100vh!important;border-radius:0!important}
.nir-modal *{color:#1a2e21!important}
.nir-modal .nir-mh,.nir-modal .nir-mh *,.nir-modal .nir-mh button{color:#fff!important}
.nir-share-btn,.nir-share-btn *{color:#fff!important}
.nir-modal .nir-cta{background:linear-gradient(135deg,#121F17,#1A2E21)!important;border-radius:14px!important;padding:24px!important;margin:20px 16px!important}
.nir-modal .nir-cta,.nir-modal .nir-cta p,.nir-modal .nir-cta span{color:#d1d5db!important;font-size:15px!important}
.nir-modal .nir-cta a,.nir-modal .nir-cta a *,.nir-modal div.nir-cta a{color:#fff!important;background:var(--ni-green)!important;display:inline-block!important;padding:14px 32px!important;border-radius:10px!important;font-weight:700!important;text-decoration:none!important;font-size:16px!important;text-align:center!important;min-width:200px!important}
/* DARK HEADERS — white h2 */
.nid-header h2,.nir-header h2,.nig-header h2,.nid-mh h2,.nir-mh h2{color:#fff!important}
/* HOMEPAGE — align content */
body.home .entry-content .wp-block-group.alignwide,body.home .ni-hero-wrap,body.home .entry-content>.wp-block-group:not(:has(.wp-block-latest-posts)){max-width:1000px!important;margin-left:auto!important;margin-right:auto!important}
body.home .wp-block-latest-posts{max-width:100%!important;width:100%!important}

/* HOMEPAGE ARTICLES — same style as category pages */
body.home .wp-block-latest-posts__list{
  display:block!important;grid-template-columns:none!important;
  max-width:100%!important;width:100%!important;counter-reset:artigos!important;
  padding-left:0!important;padding-right:0!important;
}
body.home .wp-block-latest-posts__list li{
  padding:14px 16px 14px 50px!important;
  border-left:4px solid var(--ni-green)!important;
  margin-bottom:10px!important;
  position:relative!important;
  background:var(--ni-white)!important;
  border-radius:0 12px 12px 0!important;
  list-style:none!important;
}
body.home .wp-block-latest-posts__list li::before{
  counter-increment:artigos!important;
  content:counter(artigos)!important;
  position:absolute!important;left:10px!important;top:18px!important;
  font-size:.75rem!important;font-weight:700!important;
  color:var(--ni-green)!important;
  width:24px!important;height:24px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  border:2px solid var(--ni-green)!important;border-radius:50%!important;
}
body.home .wp-block-latest-posts__post-title{
  font-size:1.05rem!important;font-weight:600!important;
  display:block!important;margin-bottom:4px!important;
  color:var(--ni-dark)!important;text-decoration:none!important;
}
body.home .wp-block-latest-posts__post-title::after{
  content:''!important;display:block!important;
  width:50px!important;height:3px!important;
  background:var(--ni-green)!important;margin-top:6px!important;
  border-radius:2px!important;
}
body.home .wp-block-latest-posts__post-date{
  font-size:.8rem!important;color:var(--ni-slate)!important;
}
body.home .wp-block-latest-posts__post-excerpt{
  display:none!important;
}

/* Homepage articles — full width like categories */
body.home .wp-block-group:has(> .wp-block-latest-posts),
body.home .wp-block-latest-posts__list,
body.home .wp-block-latest-posts{
  max-width:100%!important;width:100%!important;
}
body.home .wp-block-latest-posts__list li{
  max-width:100%!important;
}
