/* ============================================================
   WAJ Blog — Žurnalas grid + single post reading layout.
   Brand vars from waj-skin.css.
   ============================================================ */

/* ── Post grid ────────────────────────────────────────────── */
.waj-post-grid {
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: var(--space-6) var(--space-5);
}
.waj-post-card { display: flex; flex-direction: column; }
.waj-post-card__media {
  display: block; aspect-ratio: 3 / 2; overflow: hidden;
  border-radius: var(--radius-lg); background: var(--waj-surface-2);
}
.waj-post-card__img { display: block; width: 100%; height: 100%; background-size: cover; background-position: center; transition: transform 300ms ease; }
.waj-post-card:hover .waj-post-card__img { transform: scale(1.04); }
.waj-post-card__img--empty { background: radial-gradient(circle at 30% 30%, rgba(232,114,36,0.14), transparent 60%), var(--waj-surface-2); }
.waj-post-card__body { padding-top: var(--space-4); }
.waj-post-card__cat {
  display: inline-block; font-size: 0.72rem; font-weight: 700;
  letter-spacing: 0.08em; text-transform: uppercase; color: var(--waj-accent);
  margin-bottom: 0.5rem;
}
.waj-post-card__cat:hover { color: var(--waj-accent-2); }
.waj-post-card__title { font-size: 1.2rem; line-height: 1.3; margin: 0 0 0.5rem; }
.waj-post-card__title a { color: var(--waj-text); }
.waj-post-card__title a:hover { color: var(--waj-accent); }
.waj-post-card__excerpt { margin: 0 0 0.7rem; color: var(--waj-muted); font-size: 0.92rem; line-height: 1.6; }
.waj-post-card__meta { display: flex; gap: 14px; font-size: 0.8rem; color: var(--waj-muted); }

/* Featured first card spans full width, image beside text */
.waj-post-card--featured {
  grid-column: 1 / -1;
  display: grid; grid-template-columns: 1.3fr 1fr; gap: var(--space-6);
  align-items: center;
}
.waj-post-card--featured .waj-post-card__media { aspect-ratio: 16 / 10; height: 100%; }
.waj-post-card--featured .waj-post-card__body { padding-top: 0; }
.waj-post-card--featured .waj-post-card__title { font-size: clamp(1.5rem, 3vw, 2.2rem); }
.waj-post-card--featured .waj-post-card__excerpt { font-size: 1rem; }

.waj-blog__empty { color: var(--waj-muted); text-align: center; padding: var(--space-7) 0; }

/* Pagination */
.waj-blog .pagination, .navigation.pagination { margin-top: var(--space-7); }
.navigation.pagination .nav-links { display: flex; gap: 8px; flex-wrap: wrap; justify-content: center; }
.navigation.pagination .page-numbers {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 40px; height: 40px; padding: 0 12px;
  border: 1px solid var(--waj-border); border-radius: var(--radius-md);
  color: var(--waj-text); font-size: 0.9rem;
}
.navigation.pagination .page-numbers:hover { border-color: var(--waj-accent); color: var(--waj-accent); }
.navigation.pagination .page-numbers.current { background: var(--waj-accent); border-color: var(--waj-accent); color: var(--waj-on-accent); font-weight: 600; }

/* ── Single post ──────────────────────────────────────────── */
.waj-post__head { padding: clamp(3rem, 7vw, 5.5rem) 0 clamp(2rem, 5vw, 3rem); border-bottom: 1px solid var(--waj-border); }
.waj-post__head.waj-has-hero { position: relative; overflow: hidden; border-bottom: 0; min-height: 50vh; display: flex; align-items: flex-end; }
.waj-post__head-inner { position: relative; z-index: 2; }
.waj-post__head.waj-has-hero .waj-post__head-inner { padding-bottom: 1rem; }
.waj-post__cat { display: inline-block; color: var(--waj-accent); margin-bottom: 0.8rem; }
.waj-post__title { font-size: clamp(2rem, 5vw, 3.2rem); line-height: 1.12; margin: 0 0 1rem; max-width: 18ch; }
.waj-post__meta { display: flex; gap: 16px; color: var(--waj-muted); font-size: 0.9rem; }
.waj-post__head.waj-has-hero .waj-post__meta { color: rgba(255,255,255,0.8); }

/* Reading column */
.waj-post__body { max-width: 720px; margin: clamp(2rem, 5vw, 3.5rem) auto 0; font-size: 1.08rem; line-height: 1.85; color: var(--waj-text); }
.waj-post__body > * { margin: 0 0 1.4rem; }
.waj-post__body h2 { font-size: 1.6rem; margin: 2.4rem 0 0.8rem; }
.waj-post__body h3 { font-size: 1.25rem; margin: 2rem 0 0.6rem; }
.waj-post__body p { color: var(--waj-text); }
.waj-post__body a { color: var(--waj-accent); text-decoration: underline; text-underline-offset: 2px; }
.waj-post__body img, .waj-post__body figure { border-radius: var(--radius-md); max-width: 100%; height: auto; }
.waj-post__body blockquote {
  border-left: 3px solid var(--waj-accent); padding: 0.4rem 0 0.4rem 1.4rem;
  margin: 1.8rem 0; color: var(--waj-muted); font-style: italic; font-size: 1.15rem;
}
.waj-post__body ul, .waj-post__body ol { padding-left: 1.4rem; }
.waj-post__body li { margin-bottom: 0.5rem; }

.waj-post__tags { max-width: 720px; margin: 2rem auto 0; display: flex; flex-wrap: wrap; gap: 8px; }
.waj-post__tags a {
  font-size: 0.8rem; padding: 5px 12px; border: 1px solid var(--waj-border);
  border-radius: 20px; color: var(--waj-muted);
}
.waj-post__tags a:hover { border-color: var(--waj-accent); color: var(--waj-accent); }
.waj-post__back { max-width: 720px; margin: 2rem auto 0; }
.waj-post__back a { color: var(--waj-muted); }
.waj-post__back a:hover { color: var(--waj-accent); }

.waj-blog__related-title { font-size: clamp(1.4rem, 3vw, 2rem); margin: 0 0 var(--space-5); }

/* ── Responsive ───────────────────────────────────────────── */
@media (max-width: 900px) {
  .waj-post-grid { grid-template-columns: 1fr 1fr; }
  .waj-post-card--featured { grid-template-columns: 1fr; gap: var(--space-4); }
  .waj-post-card--featured .waj-post-card__media { aspect-ratio: 3 / 2; }
}
@media (max-width: 560px) {
  .waj-post-grid { grid-template-columns: 1fr; }
}