/* ============================================================
   IDF Bangladesh — Blog (index + single article + archives).
   Cards/grid and .entry__content are global; this file covers
   the single-article layout, pagination, and empty state.
   ============================================================ */

/* Single article */
.article-hero h1 { max-width: none; }
.article-hero__date { color: var(--gold-rule); font-weight: 600; font-size: .9rem; margin-bottom: var(--sp-3); }
.article-single__figure { margin: 0 0 var(--sp-6); border-radius: var(--r-lg); overflow: hidden; box-shadow: var(--shadow-md); }
.article-single__figure img { width: 100%; height: auto; }

.article-single__foot { margin-top: var(--sp-7); }
.article-single__share { display: flex; align-items: center; gap: var(--sp-3); margin-top: var(--sp-5); }
.article-single__share span { font-weight: 600; color: var(--forest); font-size: .9rem; margin-right: var(--sp-2); }
.article-single__share a {
  display: inline-flex; width: 40px; height: 40px;
  align-items: center; justify-content: center;
  border-radius: 50%;
  border: 1px solid var(--forest-14);
  color: var(--forest);
  transition: background var(--t-fast) var(--ease-silk), color var(--t-fast) var(--ease-silk), border-color var(--t-fast) var(--ease-silk);
}
.article-single__share a:hover { background: var(--forest); border-color: var(--forest); color: var(--cream); }

/* Pagination (the_posts_pagination output) */
.pagination { margin-top: var(--sp-7); }
.pagination .nav-links { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--sp-2); }
.pagination .page-numbers {
  display: inline-flex; min-width: 44px; height: 44px; padding-inline: var(--sp-3);
  align-items: center; justify-content: center;
  border: 1.5px solid var(--forest-14); border-radius: var(--r-md);
  text-decoration: none; font-weight: 600; color: var(--forest);
  transition: background var(--t-fast) var(--ease-silk), color var(--t-fast) var(--ease-silk), border-color var(--t-fast) var(--ease-silk);
}
.pagination .page-numbers:hover { border-color: var(--forest); }
.pagination .page-numbers.current { background: var(--forest); border-color: var(--forest); color: var(--cream); }
.pagination .page-numbers.dots { border: 0; }

/* Empty state */
.blog-empty { text-align: center; max-width: 480px; margin-inline: auto; padding-block: var(--sp-7); }
.blog-empty p { margin: var(--sp-4) auto var(--sp-5); color: var(--ink-70); }
.search-empty-actions { display: flex; gap: var(--sp-3); justify-content: center; flex-wrap: wrap; }