/* ============================================================
   BLOG — "PORADNIK KOMINOWY" (archiwum + pojedynczy wpis)
   ============================================================ */
.blog-hero { background-image: linear-gradient(100deg, rgba(15,14,12,0.82) 0%, rgba(15,14,12,0.45) 45%, rgba(15,14,12,0.15) 75%), url('../img/blog-1-wnetrze.jpg'); }

.blog-card-excerpt { color: var(--ink-muted); font-size: 0.86rem; margin-bottom: 0.6rem; }

.blog-pagination { margin-top: 3rem; display: flex; justify-content: center; gap: 0.75rem; }
.blog-pagination .page-numbers {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 40px; height: 40px; padding: 0 0.75rem;
  border: 1px solid var(--border); border-radius: 10px;
  text-decoration: none; color: var(--ink); font-weight: 600; font-size: 0.9rem;
}
.blog-pagination .page-numbers.current { background: var(--yellow); border-color: var(--yellow); color: var(--dark); }
.blog-pagination .page-numbers:hover:not(.current) { border-color: var(--ink); }

.blog-single-inner { max-width: 760px; margin: 0 auto; }
.blog-single-back { display: inline-block; margin-bottom: 1.25rem; font-size: 0.85rem; font-weight: 700; color: var(--ink-muted); text-decoration: none; }
.blog-single-back:hover { color: var(--ink); }
.blog-single-img { border-radius: 16px; overflow: hidden; margin: 1.5rem 0 2rem; aspect-ratio: 16/9; }
.blog-single-img img { width: 100%; height: 100%; object-fit: cover; }
.blog-single-content { color: var(--ink-muted); font-size: 1rem; line-height: 1.75; }
.blog-single-content h2 { color: var(--ink); font-size: 1.3rem; margin: 2rem 0 0.85rem; }
.blog-single-content p { margin-bottom: 1.1rem; }

@media (max-width: 900px) {
  .blog-single-img { aspect-ratio: 4/3; }
}