/* ============================================================
   Templates de blocs (templates/*.html) — habillage des blocs core
   Les conteneurs réutilisent les classes du thème (.vc-container,
   .vc-page-title…) ; cette feuille ne couvre que ce que les blocs
   core rendent différemment des gabarits PHP.
   ============================================================ */

/* ─── Cartes des query loops (.vc-block-cards) ─────────────── */

.vc-block-cards {
  gap: var(--vc-gap-grid);
}

.vc-block-cards > li {
  list-style: none;
  background: var(--vc-color-surface);
  border-radius: var(--vc-radius-lg);
  overflow: hidden;
  box-shadow: var(--vc-shadow-card);
  display: flex;
  flex-direction: column;
}

.vc-block-cards .wp-block-post-featured-image {
  margin: 0;
}

.vc-block-cards .wp-block-post-featured-image img {
  display: block;
  width: 100%;
  border-radius: 0;
}

.vc-block-cards .vc-card-title {
  font-family: var(--vc-font-heading);
  font-size: var(--vc-font-size-lg);
  letter-spacing: var(--vc-tracking-tight);
  line-height: var(--vc-line-height-snug);
  margin: var(--vc-space-4) var(--vc-space-5) var(--vc-space-2);
}

.vc-block-cards .vc-card-title a {
  color: var(--vc-color-ink);
}
.vc-block-cards .vc-card-title a:hover {
  color: var(--vc-color-primary);
}

.vc-block-cards .wp-block-post-date {
  margin: 0 var(--vc-space-5);
  color: var(--vc-color-text-muted);
}

.vc-block-cards .wp-block-post-excerpt {
  margin: var(--vc-space-2) var(--vc-space-5) var(--vc-space-5);
  color: var(--vc-color-grey-700);
}

/* ─── Pagination des query loops ───────────────────────────── */

.wp-block-query-pagination {
  margin-top: var(--vc-space-10);
  font-family: var(--vc-font-body);
}

.wp-block-query-pagination a {
  color: var(--vc-color-primary);
}

/* ─── En-têtes d'archive et 404 ────────────────────────────── */

.vc-page-archive .vc-archive-header {
  padding: var(--vc-space-10) 0 var(--vc-space-8);
}

.vc-page-404 .vc-404-content {
  padding: var(--vc-space-16) 0;
  text-align: center;
}

/* ─── Navigation article précédent / suivant ───────────────── */

.vc-page-single .post-navigation {
  margin-top: var(--vc-space-10);
  padding-top: var(--vc-space-6);
  border-top: 1px solid var(--vc-color-border-soft);
}

.vc-page-single .wp-block-post-navigation-link a {
  color: var(--vc-color-ink);
  font-family: var(--vc-font-heading);
}

/* ─── Rythme vertical des mains de templates de blocs ──────── */

.vc-page-wrapper.wp-block-group {
  padding-bottom: var(--vc-space-16);
}