/* ================= BLOG (home.php + single.php) ================= */
/* .cta-band, .bpill sunt deja globale in theme.css. */

/* ---- Hero arhiva ---- */
.blog-hero{padding:130px 24px 50px;text-align:center}
.blog-hero .inner{width:var(--shell);max-width:680px;margin:0 auto}
.blog-hero .bpill{margin-bottom:20px}
.blog-hero h1{font-weight:400;font-size:clamp(34px,5.6vw,56px);line-height:1.12;letter-spacing:-.02em}
.blog-hero p{font-family:var(--public);color:var(--muted);font-size:17px;margin-top:18px;line-height:1.7}

/* ---- Grid articole ---- */
.blog-grid-wrap{padding:20px 0 clamp(60px,9vh,100px)}
.blog-grid-wrap .in{width:var(--shell);margin:0 auto}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}

.blog-card{display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:rgba(26,14,40,.94);border:1px solid var(--line);transition:border-color .25s var(--ease),transform .25s var(--ease)}
.blog-card:hover{border-color:var(--wine);transform:translateY(-3px)}
.blog-img{display:block;aspect-ratio:16/10;overflow:hidden}
.blog-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s var(--ease)}
.blog-card:hover .blog-img img{transform:scale(1.05)}
.blog-body{display:flex;flex-direction:column;gap:10px;padding:22px 24px 26px;flex:1}
.blog-meta{display:flex;align-items:center;gap:10px;font-family:var(--public);font-size:.78rem}
.blog-cat{color:var(--rose);font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.blog-date{color:var(--faint)}
.blog-title{font-weight:700;font-size:1.08rem;color:#fff;line-height:1.35}
.blog-excerpt{font-family:var(--public);color:var(--muted);font-size:14.5px;line-height:1.65;flex:1}
.blog-more{display:inline-flex;align-items:center;gap:8px;font-family:var(--public);font-weight:600;font-size:.85rem;color:var(--rose);margin-top:4px}
.blog-more svg{width:15px;height:15px}

.blog-empty{text-align:center;padding:60px 20px;color:var(--muted);font-family:var(--public)}
.blog-empty h3{color:#fff;font-family:var(--font);font-weight:600;font-size:1.3rem;margin-bottom:10px}

.blog-pagination{display:flex;justify-content:center;gap:10px;margin-top:50px}
.blog-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;
  border-radius:10px;border:1px solid var(--line-soft);color:var(--muted);font-family:var(--public);font-size:.9rem;transition:border-color .2s var(--ease),color .2s var(--ease)}
.blog-pagination .page-numbers:hover{border-color:var(--wine);color:#fff}
.blog-pagination .page-numbers.current{background:var(--wine);border-color:var(--wine);color:#fff}

@media(max-width:900px){.blog-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.blog-grid{grid-template-columns:1fr}.blog-hero{padding:110px 20px 36px}}

/* ---- Articol individual (single.php) ---- */
.single-hero{padding:130px 24px 0;text-align:center}
.single-hero .inner{width:var(--shell);max-width:760px;margin:0 auto}
.single-hero .bpill{margin-bottom:18px}
.single-hero h1{font-weight:400;font-size:clamp(30px,5vw,48px);line-height:1.18;letter-spacing:-.02em}
.single-meta{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:16px;font-family:var(--public);color:var(--faint);font-size:.88rem}
.single-meta .dot{opacity:.6}

.single-thumb{width:var(--shell);max-width:960px;margin:36px auto 0;border-radius:20px;overflow:hidden;aspect-ratio:16/8}
.single-thumb img{width:100%;height:100%;object-fit:cover;display:block}

.single-content-wrap{padding:clamp(40px,7vh,72px) 0 clamp(50px,8vh,90px)}
.single-content-wrap .in{width:var(--shell);max-width:760px;margin:0 auto}
.single-content{font-family:var(--public);color:var(--muted);font-size:16.5px;line-height:1.85}
.single-content h2{font-family:var(--font);color:#fff;font-weight:600;font-size:1.5rem;margin:36px 0 16px;letter-spacing:-.01em}
.single-content h3{font-family:var(--font);color:#fff;font-weight:600;font-size:1.2rem;margin:28px 0 12px}
.single-content p{margin:0 0 18px}
.single-content a{color:var(--rose);text-decoration:underline;text-underline-offset:3px}
.single-content ul,.single-content ol{margin:0 0 18px 22px}
.single-content li{margin-bottom:8px}
.single-content img{max-width:100%;border-radius:14px;margin:20px 0}
.single-content blockquote{border-left:3px solid var(--wine);padding:6px 0 6px 20px;margin:24px 0;color:var(--ink);font-style:italic}

.single-back{margin-top:36px}
.single-back a{font-family:var(--public);font-weight:600;font-size:.92rem;color:var(--muted);transition:color .2s var(--ease)}
.single-back a:hover{color:#fff}

.related-wrap{padding:0 0 clamp(60px,9vh,100px)}
.related-wrap .in{width:var(--shell);margin:0 auto}
.related-wrap .head{text-align:center;max-width:560px;margin:0 auto 36px}
.related-wrap .head h2{font-weight:400;font-size:clamp(26px,3.6vw,36px);line-height:1.18;letter-spacing:-.02em;margin-top:16px}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}

@media(max-width:900px){.related-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.related-grid{grid-template-columns:1fr}.single-hero{padding:110px 20px 0}.single-thumb{border-radius:14px}}