/* ni-header.css — Layer 1 NI canônico (categoria A: componente canônico)
   Header global do Nutrição Inteligente.
   Universal em 15/15 páginas frontend.
   Migrado de class-header-module.php método css() em MIGRATE-PHP-TO-CSS-2 (Etapa 1: coexistência).
   Etapa 2 futura removerá o bloco PHP <style id="ni-hdr-css"> de output_css_head().
   NÃO incluir: .ni-lov-* (→ ni-lovable.css) | .lov-* (→ ni-fpv.css) */

/* ── HEADER GLOBAL — usa var() de ni-tokens.css ── */
.ni-header{background:var(--ni-card)!important;border-bottom:1px solid var(--ni-border)!important;height:var(--ni-header-height)!important;padding:0 var(--ni-space-lg);display:flex;align-items:center;gap:0;box-shadow:var(--ni-shadow-sm);position:relative;z-index:9000!important}
header.wp-block-template-part{display:none!important}
.ni-back,.ni-back-btn,[class*="ni-back"]{display:none!important}
.nb{display:none!important}

/* ── INNER CONTAINER ── */
.ni-header-inner{width:100%;max-width:var(--ni-container);margin:0 auto;height:var(--ni-header-height);display:flex;align-items:center}

/* ── LOGO WRAP ── */
.ni-logo-wrap{display:flex;align-items:center;gap:8px;text-decoration:none;flex-shrink:0}
.ni-logo-wrap:hover{text-decoration:none}

/* ── LOGO CIRCLE 38px ── */
.ni-logo-circle{width:var(--ni-header-logo)!important;height:var(--ni-header-logo)!important;min-width:var(--ni-header-logo)!important;max-width:var(--ni-header-logo)!important;border-radius:50%;background:var(--ni-dark);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}
.ni-logo-circle img,.ni-logo-circle svg{width:var(--ni-header-logo-inner)!important;height:var(--ni-header-logo-inner)!important;max-width:var(--ni-header-logo-inner)!important;max-height:var(--ni-header-logo-inner)!important;object-fit:contain}

/* ── BRAND ── */
.ni-brand{font-family:var(--font-h);font-weight:800;font-size:15px;line-height:1;color:var(--ni-text);white-space:nowrap}
.ni-petal{font-size:13px;color:var(--ni-green);margin-left:-6px;line-height:1;flex-shrink:0}
svg.ni-petal{width:11px;height:14px;flex-shrink:0}

/* ── SEPARADOR ── */
.ni-sep{width:1px;height:32px;background:var(--ni-border);margin:0 20px;flex-shrink:0}

/* ── NAV DESKTOP ── */
.ni-nav{display:flex;align-items:center;gap:20px;flex:1;justify-content:flex-start}
.ni-nav a{font-family:var(--font-h);font-size:14px;font-weight:600;color:var(--ni-text);text-decoration:none;white-space:nowrap;line-height:1}
.ni-nav a:hover{color:var(--ni-green-hover)}

/* ── DROPDOWNS ── */
.ni-nav .ni-dd{position:relative;padding-bottom:8px;margin-bottom:-8px}
.ni-nav .ni-dd-menu{display:none;position:absolute;top:calc(100% - 4px);left:0;background:var(--ni-card);border:1px solid var(--ni-border);border-radius:var(--ni-radius-md);padding:6px 0;min-width:var(--ni-dropdown-min-width);z-index:99999!important;box-shadow:var(--ni-shadow-lg);margin-top:4px}
.ni-nav .ni-dd:hover .ni-dd-menu{display:block}
.ni-nav .ni-dd-menu a{display:block;padding:9px 18px;color:var(--ni-text);font-size:13px;font-weight:500;transition:all .15s}
.ni-nav .ni-dd-menu a:hover{color:var(--ni-green-hover);background:rgba(29,212,126,.08);padding-left:24px;text-decoration:none}
.ni-dd-sep{display:block;height:1px;background:var(--ni-border);margin:4px 12px}

/* ── CTA ── */
.ni-cta{margin-left:auto;background:var(--ni-bright);color:var(--ni-white);font-family:var(--font-h);font-weight:700;font-size:13px;line-height:1;padding:8px 16px;border-radius:var(--ni-radius-sm);border:none;cursor:pointer;white-space:nowrap;display:flex;align-items:center;gap:5px;height:var(--ni-cta-height);flex-shrink:0;text-decoration:none;transition:background .15s}
.ni-cta:hover{background:var(--ni-cta-hover);color:var(--ni-white);text-decoration:none}

/* ── MOBILE OVERLAY ── */
.ni-mob{display:none;align-items:center;margin-left:8px}
.ni-mob-btn{background:none;border:none;cursor:pointer;padding:6px;color:var(--ni-text);line-height:0}
.ni-mob-btn svg{width:22px;height:22px}
.ni-mob-overlay{display:none;position:fixed;top:0;right:0;width:var(--ni-mobile-drawer-width);height:100vh;background:var(--ni-dark);z-index:999999!important;overflow-y:auto;padding-bottom:40px;box-shadow:-4px 0 40px var(--ni-overlay-dark);transform:translateX(100%);transition:transform .25s ease}
.ni-mob-overlay.open{display:block;transform:translateX(0)}
.ni-mob-header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--ni-dark-3);position:sticky;top:0;background:var(--ni-dark);z-index:1}
.ni-mob-close{background:none;border:none;cursor:pointer;color:var(--ni-muted-dark);font-size:22px;padding:4px}
.ni-mob-overlay a{display:block;padding:13px 20px;color:var(--ni-muted-dark);text-decoration:none;font-size:15px;font-family:var(--font-h);border-bottom:1px solid var(--ni-dark-3);transition:all .15s}
.ni-mob-overlay a:hover{color:var(--ni-white);background:rgba(46,139,87,.07);padding-left:26px}
.ni-mob-cta{display:block;margin:16px 20px 4px!important;background:var(--ni-bright);color:var(--ni-dark)!important;font-weight:700;padding:14px 20px!important;border-radius:var(--ni-radius-md);text-align:center;font-size:16px;border-bottom:none!important}
.ni-mob-cta:hover{background:var(--ni-cta-hover)!important;color:var(--ni-white)!important;padding-left:20px!important}

/* ── HERO ESCURO ── */
.ni-hero-dark{margin-top:0;background:var(--ni-hero-gradient);padding:28px 24px;border-radius:var(--ni-radius-lg);text-align:center;color:var(--ni-white)}
.ni-hero-dark h1{font-family:var(--font-h);font-size:clamp(24px,6vw,36px);font-weight:800;line-height:1.15;margin-bottom:10px;color:var(--ni-white)!important}
.ni-hero-dark p{color:var(--ni-on-dark-muted);font-size:15px;max-width:500px;margin:0 auto 20px}

/* ── CONTENT WIDTH ── */
main.wp-block-group.is-layout-constrained{max-width:var(--ni-container)!important;margin-left:auto!important;margin-right:auto!important;padding-left:var(--ni-space-lg)!important;padding-right:var(--ni-space-lg)!important;width:100%!important;box-sizing:border-box!important}
.wp-block-query.alignfull,.wp-block-query.alignwide{max-width:100%!important;margin-left:0!important;margin-right:0!important}
.wp-block-post-content,.entry-content,.wp-block-heading{max-width:100%!important}

/* ── MOBILE ── */
@media(max-width:768px){
  .ni-header{height:var(--ni-header-height-mobile);padding:0 var(--ni-space-md)}
  .ni-header-inner{height:var(--ni-header-height-mobile)}
  .ni-nav{display:none}
  .ni-sep{display:none}
  .ni-logo-circle{width:var(--ni-logo-size-mobile)!important;height:var(--ni-logo-size-mobile)!important;min-width:var(--ni-logo-size-mobile)!important;max-width:var(--ni-logo-size-mobile)!important}
  .ni-logo-circle img,.ni-logo-circle svg{width:var(--ni-logo-inner-mobile)!important;height:var(--ni-logo-inner-mobile)!important}
  .ni-brand{font-size:14px}
  .ni-cta{font-size:12px;padding:7px 12px;height:34px}
  .ni-mob{display:flex!important}
}

/* ── Mobile FPV header — MIGRATE-6A.1 (migrado de ds_global_head prio 9999) ── */
@media(max-width:781px){
  html body .ni11-cta-btn{display:flex!important;font-size:11px!important;padding:6px 10px!important;gap:3px!important;margin-left:auto!important;flex-shrink:0!important}
  html body #ni-mob11{margin-left:8px!important;flex-shrink:0!important}
  html body .ni-brand{font-size:13px!important;max-width:130px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
}
@media(max-width:380px){html body .ni-brand{display:none!important}}