/* archive.css — listagem de posts (blog, arquivos, busca). Carrega em (is_home() && !is_front_page()) || is_archive() || is_search(). */

/* ⚠ .post-card mora em components.css, não aqui — single.php reusa o mesmo card e não carrega archive.css. */

/* Bloco de abertura — título + os dois destaques */

.blog-lead {
  padding-top: var(--dm-space-120);
}

.blog-lead__title {
  overflow-wrap: break-word;
}

.blog-lead__description {
  max-width: 80ch;
  margin-top: var(--dm-space-24);
  color: var(--dm-primary);
}

.blog-lead__featured {
  display: grid;
  grid-template-columns: 1162fr 566fr;
  gap: var(--dm-space-32);
  align-items: start;
  margin-top: var(--dm-space-40);
}

/* Grade + paginação */

.blog-list {
  padding-top: calc(var(--dm-space-80) * 2);
  padding-bottom: var(--dm-space-120);
}

.blog-list__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: var(--dm-space-32);
  row-gap: var(--dm-space-120);
  align-items: start;
}

/* Paginação — 88 × 48, raio 50, borda 1. Selecionado = branco sólido, texto preto. */

.blog-pagination {
  margin-top: var(--dm-space-120);
}

.blog-pagination .nav-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: var(--dm-space-8);
}

.blog-pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: clamp(24px, 2.583vw, 68px);
  height: clamp(20px, 0.500vw, 28px);
  padding-inline: var(--dm-space-12);
  border-radius:var(--dm-space-24);
  color: var(--dm-primary);
  font-size: var(--dm-text-md);
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: 0.005em;
  transition: background-color 0.3s var(--dm-ease), border-color 0.3s var(--dm-ease), color 0.3s var(--dm-ease);
}

.blog-pagination .page-numbers.current,
.blog-pagination a.page-numbers:hover,
.blog-pagination a.page-numbers:focus-visible {
  background-color: var(--dm-white);
  border-color: var(--dm-white);
  color: var(--dm-grey-10);
}

.blog-pagination .page-numbers.dots {
  min-width: 0;
  padding-inline: var(--dm-space-4);
  border-color: transparent;
}

/* Estado vazio */

.blog-lead--empty {
  padding-bottom: var(--dm-space-200);
}

.blog-lead--empty .search-form {
  display: flex;
  gap: var(--dm-space-12);
  max-width: calc(var(--dm-text-lg) * 24);
  margin-top: var(--dm-space-40);
}

.blog-lead--empty .search-field {
  flex: 1;
  padding: var(--dm-space-12) var(--dm-space-16);
  border: 1px solid var(--dm-primary);
  border-radius: var(--dm-radius-sm);
  background-color: transparent;
  color: var(--dm-white);
}

.blog-lead--empty .search-submit {
  padding-inline: var(--dm-space-24);
  border: 1px solid var(--dm-white);
  border-radius: var(--dm-radius-sm);
  background-color: var(--dm-white);
  color: var(--dm-grey-10);
}

/* Estreito */

@media (max-width: 1279px) {
  .blog-list__grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .blog-lead {
    padding-top: var(--dm-space-200);
  }
}

@media (max-width: 1023px) {
  .blog-lead__featured {
    grid-template-columns: 1fr;
    gap: var(--dm-space-80);
  }
}

@media (max-width: 679px) {
  .blog-list__grid {
    grid-template-columns: 1fr;
    row-gap: var(--dm-space-80);
  }
}

@media (prefers-reduced-motion: reduce) {

  .blog-pagination .page-numbers {
    transition: none;
  }
}