/*
Theme Name: Apare as Pontas
Theme URI: https://apareaspontas.com.br
Description: Tema-filho do Twenty Twenty-Five com o sistema de design do Apare as Pontas — Montserrat ultraleve, roxo de acento, reguas finas e muito ar. As cores, a escala e os pesos vivem no theme.json; aqui ficam so os componentes.
Author: Apare as Pontas
Template: twentytwentyfive
Version: 1.0.0
Text Domain: apare-as-pontas
*/

/* ---------- 1. Eyebrow: a linha roxa acima do titulo ---------- */
.apare-eyebrow,
.wp-block-post-terms,
.entry-content > p.apare-eyebrow {
  font-size: .75rem;
  font-weight: 500;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--wp--preset--color--accent);
  margin-bottom: 1.25rem;
}

/* ---------- 2. A palavra em italico roxo dentro do titulo ---------- */
h1 em, h2 em,
.wp-block-post-title em {
  font-style: italic;
  font-weight: 200;
  color: var(--wp--preset--color--accent);
}

/* ---------- 3. Regua fina separando blocos ---------- */
.entry-content h2 {
  border-top: 1px solid var(--wp--preset--color--line);
  padding-top: 3rem;
}
.entry-content h2:first-of-type { border-top: 0; padding-top: 0; }

/* ---------- 4. Paragrafo de abertura (o bloco-resposta) ---------- */
.entry-content > p:first-of-type {
  font-size: var(--wp--preset--font-size--large);
  font-weight: 300;
  color: var(--wp--preset--color--muted);
  line-height: 1.55;
}

/* ---------- 5. Tabela: linhas finas, sem zebra ---------- */
.entry-content table { border-collapse: collapse; width: 100%; }
.entry-content th {
  text-align: left;
  font-size: .75rem;
  font-weight: 500;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--wp--preset--color--soft);
  border-bottom: 1px solid var(--wp--preset--color--line);
  padding: .9rem .75rem;
}
.entry-content td {
  border-bottom: 1px solid var(--wp--preset--color--line);
  padding: .9rem .75rem;
  font-weight: 300;
}
.entry-content tr:hover td { background: var(--wp--preset--color--surface); }

/* ---------- 6. Listas com respiro ---------- */
.entry-content ul li, .entry-content ol li { margin-bottom: .6rem; }

/* ---------- 7. Navegacao e rodape: uppercase com tracking ---------- */
.wp-block-navigation, .wp-block-site-title, .wp-site-blocks footer .wp-block-navigation {
  font-size: .72rem;
  font-weight: 400;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.wp-block-site-title a { color: var(--wp--preset--color--contrast); font-weight: 500; }

/* ---------- 8. Bloco de fontes/credito no fim do artigo ---------- */
.entry-content > p:last-of-type {
  font-size: .8125rem;
  color: var(--wp--preset--color--soft);
  border-top: 1px solid var(--wp--preset--color--line);
  padding-top: 1.5rem;
  line-height: 1.6;
}

/* ---------- 9. Citacao com barra roxa ---------- */
.entry-content blockquote {
  border-left: 2px solid var(--wp--preset--color--accent);
  padding-left: 1.5rem;
  margin-left: 0;
}

/* ---------- 10. Celular ---------- */
@media (max-width: 600px) {
  .entry-content h2 { padding-top: 2rem; }
  .entry-content table { display: block; overflow-x: auto; }
}