/* ============================================================
   Cabeçalho, folha do menu e rodapé — um componente para app e páginas
   estáticas (handoff 14/09, PR 03 e 03b)
   ============================================================
   Carregado ANTES de main.css no index.html (os tokens do tema vêm de lá) e
   sozinho nas páginas estáticas, onde `.erv-estatico` traz os tokens do tema
   escuro só para estes componentes — a página em volta continua creme. */

/* NAV — cabeçalho unificado (handoff 14/09, PR 03) */
.erv-nav{position:sticky;top:0;z-index:100;background:var(--bg3);border-bottom:1px solid var(--faint)}
.erv-nav-bar{max-width:1180px;margin:0 auto;padding:0 24px;min-height:64px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px}
.erv-logo{display:flex;flex-direction:column;justify-content:center;text-decoration:none;line-height:1;min-height:44px}
.erv-logo-mark{font-family:'Cormorant Garamond',serif;font-size:1.5rem;font-weight:600;color:var(--cream);letter-spacing:.02em;font-style:normal}
.erv-logo-sub{font-family:'Jost',sans-serif;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:3px}
.erv-nav-groups{display:flex;justify-content:center;gap:4px;min-width:0}
.erv-nav-item{font-family:'Jost',sans-serif;font-size:.88rem;font-weight:500;color:var(--cream2);text-decoration:none;padding:9px 14px;border-radius:var(--r-sm);min-height:44px;display:inline-flex;align-items:center;white-space:nowrap;transition:background .2s,color .2s}
.erv-nav-item:hover{color:var(--goldf);background:rgba(200,168,75,.08)}
.erv-nav-item.on{background:var(--faint);color:var(--cream)}
.erv-nav-actions{display:flex;align-items:center;gap:8px;justify-content:flex-end}
.erv-nav-icon{display:inline-flex;align-items:center;gap:8px;min-height:44px;min-width:44px;padding:0 12px;border-radius:var(--r-sm);border:1px solid var(--faint);background:var(--bg);color:var(--cream2);font-family:'Jost',sans-serif;font-size:.82rem;cursor:pointer;transition:border-color .2s,color .2s}
.erv-nav-icon:hover{color:var(--goldf);border-color:rgba(200,168,75,.5)}
.erv-nav-icon.on{background:var(--faint);color:var(--cream)}
.erv-nav-icon .ui-ico{width:18px;height:18px;flex-shrink:0}
.erv-nav-search .erv-nav-icon-label{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.erv-nav-count{font-size:.74rem;font-weight:500;color:var(--gold2)}
.erv-nav-count[hidden]{display:none}
.erv-nav-burger{display:none}
.erv-nav .auth-btn{min-height:44px;border-radius:var(--r-sm);border:1px solid var(--faint);background:var(--bg);color:var(--cream2);font-size:.82rem;padding:0 12px}
.erv-nav .auth-btn:hover{color:var(--goldf);border-color:rgba(200,168,75,.5)}
.erv-nav .theme-toggle{width:44px;height:44px;border-radius:var(--r-sm);border:1px solid var(--faint)}
.erv-nav .lang-switcher{display:flex;gap:2px}
.erv-nav .lang-btn{min-height:44px;min-width:36px;padding:0 8px;border-radius:var(--r-sm);border:1px solid transparent;background:none;color:var(--muted);font-family:'Jost',sans-serif;font-size:.74rem;letter-spacing:.06em;cursor:pointer}
.erv-nav .lang-btn.on{color:var(--cream);border-color:var(--faint)}
.erv-subnav{border-top:1px solid var(--faint);background:var(--bg3)}
.erv-subnav[hidden]{display:none}
.erv-subnav-inner{max-width:1180px;margin:0 auto;padding:0 24px;display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}
.erv-subnav-inner::-webkit-scrollbar{display:none}
.erv-subnav-item{font-family:'Jost',sans-serif;font-size:.84rem;color:var(--muted);text-decoration:none;padding:12px 14px;min-height:44px;display:inline-flex;align-items:center;white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .2s}
.erv-subnav-item:hover{color:var(--goldf)}
.erv-subnav-item.on{color:var(--cream);border-bottom-color:var(--gold)}
@media(max-width:899px){
  .erv-nav-bar{grid-template-columns:44px 1fr auto;padding:0 12px;gap:8px}
  .erv-nav-groups{display:none}
  .erv-logo{align-items:center;text-align:center}
  .erv-logo-sub{display:none}
  .erv-nav-burger{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--r-sm);border:1px solid var(--faint);background:var(--bg);color:var(--cream);cursor:pointer}
  .erv-nav-search .erv-nav-icon-label,.erv-nav .lang-switcher,.erv-nav .theme-toggle{display:none}
  .erv-nav-icon{padding:0}
  .erv-nav .auth-btn span.auth-label{display:none}
}
/* Folha do menu (mobile) */
.erv-sheet{position:fixed;inset:0;z-index:600;background:var(--bg);color:var(--cream);overflow-y:auto;padding:12px 16px calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px}
.erv-sheet-top{display:flex;align-items:center;justify-content:space-between;min-height:44px}
.erv-sheet-title{font-family:'Cormorant Garamond',serif;font-size:1.4rem;color:var(--cream)}
.erv-sheet-close{width:44px;height:44px;border-radius:var(--r-sm);border:1px solid var(--faint);background:var(--bg2);color:var(--cream);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.erv-sheet-groups{display:flex;flex-direction:column;gap:8px}
.erv-sheet-group{display:flex;flex-direction:column;justify-content:center;min-height:56px;padding:10px 16px;border-radius:var(--r-md);background:var(--bg2);border:1px solid var(--faint);text-decoration:none;color:var(--cream)}
.erv-sheet-group-name{font-family:'Jost',sans-serif;font-size:1rem;font-weight:500}
.erv-sheet-group-sub{font-size:.76rem;color:var(--muted);margin-top:2px}
.erv-sheet-label{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding-top:8px;border-top:1px solid var(--faint)}
.erv-sheet-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.erv-sheet-cell{min-height:44px;display:flex;align-items:center;padding:0 14px;border-radius:var(--r-sm);border:1px solid var(--faint);background:var(--bg3);color:var(--cream2);text-decoration:none;font-size:.9rem}
.erv-sheet-foot{margin-top:auto;display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:.82rem;color:var(--muted);padding-top:12px;border-top:1px solid var(--faint)}
.erv-sheet-foot a{color:var(--cream2);text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.erv-sheet-langs{margin-left:auto;display:flex;gap:2px}
.erv-sheet-langs .lang-btn{min-height:44px;min-width:40px;border-radius:var(--r-sm);border:1px solid transparent;background:none;color:var(--muted);font-family:'Jost',sans-serif;font-size:.78rem;cursor:pointer}
.erv-sheet-langs .lang-btn.on{color:var(--cream);border-color:var(--faint)}
body.erv-sheet-open{overflow:hidden}
/* Rodapé do app */
.erv-footer{border-top:1px solid var(--faint);background:var(--bg3);margin-top:2rem;padding:28px 24px calc(28px + env(safe-area-inset-bottom));font-family:'Jost',sans-serif;font-size:.8rem;color:var(--muted)}
.erv-footer-inner{max-width:1180px;margin:0 auto;display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;justify-content:space-between}
.erv-footer-links{display:flex;flex-wrap:wrap;gap:4px 16px}
.erv-footer-links a,.erv-footer-links button{color:var(--cream2);text-decoration:none;background:none;border:0;padding:0;font:inherit;cursor:pointer;min-height:44px;display:inline-flex;align-items:center}
.erv-footer-links a:hover,.erv-footer-links button:hover{color:var(--goldf)}
.erv-footer-aviso{flex-basis:100%;font-size:.76rem;line-height:1.5;max-width:70ch}


/* ── Páginas estáticas (PR 03b) ──
   Sem main.css, os tokens não existem. Escopo nos componentes, não em :root:
   pausa.html usa `--bg` para o fundo da página, e o fundo dela é creme. */
.erv-estatico{
  --bg:#1a3a2a; --bg2:#1f4a32; --bg3:#152f22;
  --gold:#c8a84b; --gold2:#e6c96e; --goldf:#f0d98a;
  --cream:#f5ede0; --cream2:#d4cbb8; --muted:#a5b5a8; --faint:#2d5440;
  --r-lg:16px; --r-md:10px; --r-sm:6px;
}
.erv-sheet[hidden]{display:none}
.erv-nav.erv-estatico .erv-nav-item,.erv-nav.erv-estatico .erv-nav-icon,.erv-nav.erv-estatico .erv-subnav-item,.erv-sheet.erv-estatico a,.erv-footer.erv-estatico a{text-decoration:none}
.erv-nav.erv-estatico a:focus-visible,.erv-sheet.erv-estatico a:focus-visible,.erv-sheet.erv-estatico button:focus-visible,.erv-nav.erv-estatico button:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:var(--r-sm)}
.erv-footer.erv-estatico{margin-top:0}
.erv-footer.erv-estatico p{max-width:70ch;font-family:'Jost',sans-serif;font-size:.76rem;line-height:1.5;text-align:left;margin:0}
@media print{.erv-nav,.erv-sheet,.erv-footer{display:none!important}}