/*
 * Blog — listă articole (page-blog) + articol individual (single).
 * Stil editorial mockup v6. Încărcat pe blog/single/arhive (vezi enqueue.php).
 */

/* ===== GRID LISTĂ ===== */
.blog-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 36px; }
.blog-card { background: var(--white); display: flex; flex-direction: column; transition: transform .35s, box-shadow .35s; }
.blog-card:hover { transform: translateY(-6px); box-shadow: 0 28px 52px rgba(33, 54, 49, .12); }
.blog-image { overflow: hidden; aspect-ratio: 3/2; }
.blog-image img { width: 100%; height: 100%; object-fit: cover; transition: transform 1s ease; }
.blog-card:hover .blog-image img { transform: scale(1.05); }
.blog-content { padding: 30px 30px 34px; display: flex; flex-direction: column; flex: 1; }
.blog-meta { font-size: .74rem; letter-spacing: .12em; text-transform: uppercase; color: var(--gold-deep); margin-bottom: 14px; display: flex; gap: 10px; align-items: center; }
.blog-separator { color: var(--gold); }
.blog-title { font-family: 'Fraunces'; font-size: 1.4rem; font-weight: 400; line-height: 1.25; color: var(--green); margin-bottom: 14px; }
.blog-title a { transition: color .25s; }
.blog-title a:hover { color: var(--gold-deep); }
.blog-excerpt { color: var(--green-soft); font-size: .94rem; margin-bottom: auto; }
.blog-read-more { margin-top: 20px; font-size: .74rem; letter-spacing: .16em; text-transform: uppercase; color: var(--green); display: inline-flex; gap: 8px; border-bottom: 1px solid var(--gold); padding-bottom: 4px; align-self: flex-start; transition: gap .3s; }
.blog-read-more:hover { gap: 14px; }

/* ===== PAGINARE ===== */
/* Acoperă ambele structuri: paginate_links (copii direcți) + the_posts_pagination (.nav-links). */
.blog-pagination { display: flex; justify-content: center; gap: 10px; margin-top: 64px; flex-wrap: wrap; }
.blog-pagination .nav-links { display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; }
.blog-pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; height: 44px; padding: 0 12px; border: 1px solid rgba(33, 54, 49, .18); color: var(--green); font-size: .9rem; transition: all .25s; }
.blog-pagination .page-numbers:hover, .blog-pagination .page-numbers.current { background: var(--green); color: var(--ivory); border-color: var(--green); }
.blog-pagination .screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }

/* ===== FĂRĂ ARTICOLE ===== */
.no-posts { text-align: center; max-width: 560px; margin: 0 auto; padding: 60px 0; }
.no-posts h2 { font-family: 'Fraunces'; font-weight: 300; font-size: 2rem; color: var(--green); margin-bottom: 12px; }
.no-posts p { color: var(--green-soft); margin-bottom: 28px; }

/* ===== ARTICOL INDIVIDUAL (single) ===== */
.article-wrap { max-width: 820px; margin: 0 auto; padding: 90px 0; }
.article-head { text-align: center; margin-bottom: 44px; }
.article-head .blog-meta { justify-content: center; }
.article-head h1 { font-size: clamp(2.2rem, 4.5vw, 3.6rem); font-weight: 300; line-height: 1.1; color: var(--green); margin-top: 10px; }
.article-cover { margin: 0 0 44px; }
.article-cover img { width: 100%; height: auto; }
.article-body { font-size: 1.08rem; color: var(--green-2); line-height: 1.85; }
.article-body > * { margin-bottom: 1.2em; }
.article-body h2 { font-family: 'Fraunces'; font-weight: 400; font-size: clamp(1.8rem, 3vw, 2.4rem); color: var(--green); margin: 1.6em 0 .5em; }
.article-body h3 { font-family: 'Fraunces'; font-weight: 500; font-size: 1.4rem; color: var(--green); margin: 1.4em 0 .4em; }
.article-body h4 { font-family: 'Fraunces'; font-weight: 500; font-size: 1.15rem; color: var(--green-2); margin: 1.2em 0 .3em; }
.article-body a { color: var(--gold-deep); border-bottom: 1px solid var(--gold); }
.article-body ul, .article-body ol { padding-left: 1.4em; }
.article-body li { margin-bottom: .5em; }
.article-body img { height: auto; margin: 1.4em 0; }
.article-body blockquote { border-left: 3px solid var(--gold); padding: 8px 0 8px 24px; font-family: 'Fraunces'; font-style: italic; font-size: 1.3rem; color: var(--green); }
.article-body strong, .article-body b { color: var(--green); font-weight: 600; }
.article-foot { margin-top: 56px; padding-top: 36px; border-top: 1px solid rgba(33, 54, 49, .14); text-align: center; }
.article-foot .eyebrow { color: var(--gold-deep); }
.article-foot h3 { font-family: 'Fraunces'; font-weight: 300; font-size: 1.9rem; color: var(--green); margin: 10px 0 22px; }
.article-foot .pg-actions { justify-content: center; }

/* ===== RESPONSIVE ===== */
@media (max-width: 920px) { .blog-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 700px) { .blog-grid { grid-template-columns: 1fr; } }