/* ============================================================================
   chrome.css — cabeçalho e rodapé partilhados por TODAS as páginas.

   Depende de tokens.css (carregar sempre depois dele).
   Emitido por scripts/lib/layout.mjs.

   Antes disto o site não tinha navegação nenhuma: o header só tinha o logo, e
   as fichas de festa não tinham um único link no rodapé — eram becos sem saída.
   ========================================================================== */

/* ---------------------------------------------------------------- NAVEGAÇÃO */
.sitenav{background:var(--verd-900);color:#f4efe3}
.sitenav-in{max-width:1120px;margin:0 auto;padding:0 22px;
  display:flex;align-items:center;gap:26px;min-height:60px;flex-wrap:wrap}
.sitenav .brand{font-family:var(--disp);font-weight:700;font-size:19px;
  display:flex;align-items:center;gap:8px;color:#f4efe3;text-decoration:none;flex:0 0 auto}
.sitenav .brand .spark{width:9px;height:9px;border-radius:50%;background:var(--terra);
  box-shadow:0 0 12px var(--terra-soft)}

.sitenav-links{display:flex;gap:22px;flex-wrap:wrap;
  font-family:var(--sans);font-weight:600;font-size:14.5px;align-items:center}
.sitenav-links a{color:#c8d2c8;text-decoration:none;padding:3px 0;
  border-bottom:2px solid transparent;transition:color .15s}
.sitenav-links a:hover{color:#fff}
.sitenav-links a[aria-current="page"]{color:#fff;border-bottom-color:var(--or)}

/* item ainda sem destino: texto, nunca <a href="#">.
   Marcador subordinado — não compete com o próprio rótulo. */
.sitenav-links .soon{color:#c8d2c8;cursor:default}
.soon-tag{font-weight:500;font-size:.82em;opacity:.62;margin-left:4px;white-space:nowrap}

.sitenav .lang{margin-left:auto;display:flex;flex:0 0 auto;
  border:1px solid rgba(255,255,255,.22);border-radius:99px;overflow:hidden;
  font-family:var(--sans);font-weight:700;font-size:12.5px}
.sitenav .lang button{border:0;background:transparent;color:#b9c4b9;
  padding:5px 11px;cursor:pointer;font:inherit}
.sitenav .lang button[aria-pressed="true"]{background:var(--crema);color:var(--verd-900)}

/* ------------------------------------------------------------------ RODAPÉ */
.sitefoot{background:var(--verd-900);color:#bcc7bc;margin-top:34px}
.sitefoot-in{max-width:1120px;margin:0 auto;padding:36px 22px 20px;
  display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;gap:22px}
.sitefoot h2{font-family:var(--disp);color:#fff;font-size:15px;margin:0 0 10px;font-weight:600}
.sitefoot a{display:block;color:#bcc7bc;font-size:13.5px;padding:3px 0;text-decoration:none}
.sitefoot a:hover{color:#fff}
.sitefoot .soon{display:block;color:#8b957f;font-size:13.5px;padding:3px 0;cursor:default}
.sitefoot .brand{font-family:var(--disp);font-weight:700;font-size:18px;color:#f4efe3;
  display:flex;align-items:center;gap:8px;text-decoration:none}
.sitefoot .brand .spark{width:9px;height:9px;border-radius:50%;background:var(--terra)}
.sitefoot .tagline{font-size:13px;margin:9px 0 0;max-width:30ch;color:#9dab9d}

.sitefoot-legal{border-top:1px solid rgba(255,255,255,.1);max-width:1120px;margin:0 auto;
  padding:14px 22px;font-size:12.5px;color:#8b957f;
  display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.sitefoot-legal nav{display:flex;gap:14px;flex-wrap:wrap}
.sitefoot-legal a{display:inline;color:#8b957f;padding:0}

@media(max-width:820px){
  .sitefoot-in{grid-template-columns:1fr 1fr}
  .sitenav-in{padding-top:12px;padding-bottom:12px}
  .sitenav .lang{margin-left:0}
}
@media(prefers-reduced-motion:reduce){
  .sitenav-links a{transition:none}
}