/* ============================================================
   theme-editorial.css — camada visual premium (aditiva)
   Carregar DEPOIS de main.css. Não altera main.css nem estrutura.
   Só paleta, tipografia, botões, cards, espaçamento e acento.
   Referência: dossiê/painel Artur Magnani.
   ============================================================ */
@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600&family=Instrument+Sans:wght@400;500;600&display=swap");

:root{
  --e-bg:#f6f3ee; --e-surface:#fffdf9; --e-surface2:#f0ebe2;
  --e-ink:#211d17; --e-muted:#6d6558; --e-faint:#938a7b;
  --e-line:#e5ddd0; --e-line2:#d5caba;
  --e-acc:#9a6b3f; --e-acc-soft:#f0e2d2;
  --e-serif:"Fraunces",Georgia,serif;
  --e-sans:"Instrument Sans",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
}

/* ---- base ---- */
body.is-preload, body{ background:var(--e-bg)!important; color:var(--e-ink); font-family:var(--e-sans); }
#wrapper{ background:transparent; }
p, li, td, th, label, input, textarea, select, .actions .button, blockquote{ font-family:var(--e-sans); }
a{ color:var(--e-acc); }

/* ---- tipografia editorial ---- */
h1, h2, h3, .post > header > .title h1, .post > header > .title h2{
  font-family:var(--e-serif)!important; font-weight:500; letter-spacing:-.01em; color:var(--e-ink);
}
.post > header .title h1{ line-height:1.12; }
/* rótulos/《published/name》em maiúsculas discretas */
.post > header .meta .published,
.mini-post header .published{ color:var(--e-faint); }

/* ---- header ---- */
#header{ background:var(--e-surface); border-bottom:1px solid var(--e-line); }
#header h1 a, #header .brand, #header p a{ color:var(--e-ink); }
#header .links ul li a{ color:var(--e-muted); }
#header .links ul li a:hover{ color:var(--e-acc); }
#header .links, #header .links ul li{ border-color:var(--e-line2)!important; }

/* ---- post como “card” editorial ---- */
#main .post{
  background:var(--e-surface); border:1px solid var(--e-line); border-radius:16px;
  padding:6px 4px 4px; box-shadow:0 1px 2px rgba(33,29,23,.04),0 8px 26px rgba(33,29,23,.05);
  margin-bottom:2.5em;
}
#main .post > header,
#main .post > p,
#main .post > .actions,
#main .post > h3{ padding-left:1.6em; padding-right:1.6em; }
#main .post > header{ padding-top:1.4em; }
#main .post > .actions{ padding-bottom:1.4em; }

/* imagem featured: cantos suaves, mantém dimensionamento do main.css */
.image.featured{ border-radius:12px; overflow:hidden; }
.post > a.image.featured{ border-radius:12px; }

/* o card contém os filhos: neutraliza o "full-bleed" (margens negativas +
   width:calc(100%+3em)) que o template aplica a .post > * em alguns
   breakpoints e que estourava a largura dentro do card. */
#main .post > header,
#main .post > p,
#main .post > h2,
#main .post > h3,
#main .post > .actions,
#main .post > footer,
#main .post > a.image.featured,
#main .post > .image.featured{ margin-left:0; margin-right:0; width:auto; max-width:100%; }
#main .post{ overflow:hidden; }

/* ---- sidebar em cartões ---- */
#sidebar > .blurb, #sidebar > section{
  background:var(--e-surface); border:1px solid var(--e-line); border-radius:14px;
  padding:1.3em 1.4em; margin-bottom:1.3em; box-shadow:0 1px 2px rgba(33,29,23,.04);
}
#sidebar h2{ font-size:1.05rem; }
#sidebar #footer{ background:transparent; border:0; box-shadow:none; }

/* ---- formulário (lead) ---- */
input[type="text"], input[type="email"], input[type="tel"], input[type="password"], textarea, select{
  background:var(--e-surface)!important; border:1px solid var(--e-line2)!important;
  border-radius:10px!important; color:var(--e-ink)!important;
}
input:focus, textarea:focus, select:focus{ border-color:var(--e-acc)!important; box-shadow:0 0 0 3px var(--e-acc-soft)!important; }
label{ color:var(--e-muted); }

/* ---- botões sofisticados ---- */
.button, button, input[type="submit"], .actions .button{
  background:var(--e-ink)!important; color:var(--e-bg)!important; border:1px solid var(--e-ink)!important;
  border-radius:10px!important; font-family:var(--e-sans)!important; font-weight:600!important;
  letter-spacing:0!important; text-transform:none!important;
}
.button:hover, button:hover{ opacity:.92; }
/* CTA principal (WhatsApp / "Falar com Artur") em bronze */
.button.large, .button.primary{ background:var(--e-acc)!important; border-color:var(--e-acc)!important; color:#fff!important; }
/* botão secundário (outline) */
.button:not(.large):not(.primary){ background:var(--e-surface)!important; color:var(--e-ink)!important; border-color:var(--e-line2)!important; }

/* ---- footer ---- */
#footer, .copyright{ color:var(--e-faint); }

/* ---- menu do header: espaça a nav legada (ul.links) das páginas ainda
   não migradas (/sobre/, /contato/), sem afetar as já corrigidas
   (que usam <nav class="links"><ul>). Camada aditiva, sem editar HTML. ---- */
#header nav ul.links{ display:flex; align-items:center; }
#header nav ul.links li{ margin-left:1em; padding-left:1em; border-left:1px solid var(--e-line2); line-height:1; }
#header nav ul.links li:first-child{ margin-left:0; padding-left:0; border-left:0; }

/* ---- respiro geral ---- */
#main > .post > p{ line-height:1.62; }
h2{ margin-top:1.1em; }