/* ===== Blog Casa Suciu (arhivă + articol) — namespace .blg- ===== */

/* ---- Hero compact (arhivă) ---- */
.blg-hero.page-hero{min-height:min(46vh,420px)}
.blg-hero .ph-inner{padding-top:7.5rem}

/* ---- Meta articol (hero single) ---- */
.blg-meta{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;margin-top:1.2rem;font:500 .78rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--gold-3)}
.blg-meta span{display:inline-flex;align-items:center;gap:.5rem}
.blg-meta i{font-size:1.05rem}
.blg-meta-dot{width:4px;height:4px;border-radius:50%;background:var(--gold-3);opacity:.6}

/* ---- Grilă de articole ---- */
.blg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:clamp(1.4rem,2.6vw,2.1rem)}

.blg-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid rgba(176,141,87,.2);border-radius:16px;overflow:hidden;box-shadow:0 18px 44px -32px rgba(59,47,38,.5);transition:transform .45s cubic-bezier(.2,.7,.3,1),box-shadow .45s,border-color .45s}
.blg-card:hover{transform:translateY(-6px);border-color:rgba(176,141,87,.45);box-shadow:0 34px 66px -34px rgba(59,47,38,.55)}

.blg-media{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--forest-3)}
.blg-media img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.3,1)}
.blg-card:hover .blg-media img{transform:scale(1.05)}

.blg-body{display:flex;flex-direction:column;gap:.85rem;flex:1;padding:1.5rem 1.5rem 1.7rem}

.blg-date{align-self:flex-start;display:inline-flex;align-items:center;gap:.5rem;font:500 .7rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--gold);background:rgba(176,141,87,.1);border:1px solid rgba(176,141,87,.32);border-radius:100px;padding:.52rem .9rem}
.blg-date i{font-size:.9rem}

.blg-title{font:500 clamp(1.3rem,1.7vw,1.55rem)/1.25 var(--serif);letter-spacing:-.01em;color:var(--forest)}
.blg-title a{transition:color .3s}
.blg-title a:hover{color:var(--gold)}

.blg-excerpt{font:400 .95rem/1.7 var(--sans);color:var(--muted)}

.blg-more{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:.55rem;padding:.55rem 0;font:600 .74rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.blg-more i{transition:transform .3s}
.blg-more:hover i{transform:translateX(4px)}

/* ---- Stare goală ---- */
.blg-empty{max-width:560px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center;padding:clamp(1rem,4vw,2.5rem) 0}
.blg-empty>i{font-size:2.8rem;color:var(--gold)}
.blg-empty h2{font:500 clamp(1.7rem,3.4vw,2.3rem)/1.15 var(--serif);color:var(--forest)}
.blg-empty p{font:400 1rem/1.7 var(--sans);color:var(--muted);max-width:44ch}
.blg-empty .btn{margin-top:.6rem}

/* ---- Paginare ---- */
.blg-pagination{margin-top:clamp(2.6rem,5vw,3.8rem)}
.blg-pagination .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.blg-pagination .nav-links{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.6rem}
.blg-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:46px;height:46px;padding:0 .9rem;background:#fff;border:1px solid rgba(176,141,87,.35);border-radius:100px;font:500 .85rem/1 var(--mono);color:var(--forest);transition:color .3s,border-color .3s,background .3s,box-shadow .3s}
.blg-pagination a.page-numbers:hover{border-color:var(--gold);color:var(--gold);box-shadow:0 12px 26px -18px rgba(176,141,87,.7)}
.blg-pagination .page-numbers.current{background:var(--gold);border-color:var(--gold);color:var(--forest-2)}
.blg-pagination .page-numbers.dots{background:none;border-color:transparent;color:var(--muted-2)}

/* ---- Conținut articol (output Gutenberg) ---- */
.blg-content{overflow-wrap:break-word}
.blg-content>*+*{margin-top:1.2rem}

.blg-content p{font:400 clamp(1rem,1.15vw,1.12rem)/1.8 var(--sans);color:var(--muted)}
.blg-content>p:first-of-type{font:400 clamp(1.1rem,1.4vw,1.3rem)/1.7 var(--serif);color:var(--forest)}

.blg-content h2{font:500 clamp(1.6rem,2.8vw,2.15rem)/1.22 var(--serif);letter-spacing:-.01em;color:var(--forest);margin-top:2.6rem}
.blg-content h2::before{content:"";display:block;width:44px;height:2px;background:var(--gold);margin-bottom:.85rem}
.blg-content h3{font:500 clamp(1.32rem,2.1vw,1.65rem)/1.28 var(--serif);letter-spacing:-.01em;color:var(--forest);margin-top:2.2rem}
.blg-content h3::before{content:"";display:block;width:30px;height:2px;background:var(--gold);margin-bottom:.7rem}
.blg-content h4{font:500 1.15rem/1.35 var(--serif);color:var(--forest);margin-top:1.8rem}

.blg-content ul,.blg-content ol{padding-left:1.4rem;display:flex;flex-direction:column;gap:.55rem}
.blg-content li{font:400 clamp(1rem,1.15vw,1.1rem)/1.75 var(--sans);color:var(--muted)}
.blg-content li::marker{color:var(--gold);font-weight:600}

.blg-content strong,.blg-content b{color:var(--forest);font-weight:600}
.blg-content em{color:var(--ink)}

.blg-content a{color:var(--gold);text-decoration:underline;text-decoration-color:rgba(176,141,87,.5);text-underline-offset:3px;transition:color .3s,text-decoration-color .3s}
.blg-content a:hover{color:var(--forest);text-decoration-color:var(--gold)}

.blg-content blockquote{font:500 clamp(1.25rem,2vw,1.6rem)/1.45 var(--serif);color:var(--forest);border-left:2px solid var(--gold);padding:.35rem 0 .35rem 1.4rem;margin:2rem 0}
.blg-content blockquote p{font:inherit;color:inherit}
.blg-content blockquote cite{display:block;margin-top:.7rem;font:500 .8rem/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}

.blg-content img{max-width:100%;height:auto;border-radius:14px}
.blg-content figure{margin:1.8rem 0}
.blg-content figure img{margin:0 auto}
.blg-content figcaption{margin-top:.6rem;font:400 .85rem/1.5 var(--sans);color:var(--muted-2);text-align:center}
.blg-content iframe,.blg-content video{max-width:100%;border-radius:14px}

.blg-content hr{border:none;height:1px;background:rgba(176,141,87,.3);margin:2.4rem 0}

/* tabele lungi — derulare proprie, fără scroll orizontal pe pagină */
.blg-content table{display:block;width:100%;overflow-x:auto;border-collapse:collapse;font:400 .95rem/1.6 var(--sans);color:var(--muted)}
.blg-content th,.blg-content td{border:1px solid rgba(176,141,87,.3);padding:.6rem .9rem;text-align:left}
.blg-content th{color:var(--forest);font-weight:600}

/* resturi din designul vechi */
.blg-content .wp-block-spacer{display:none}
.blg-content>.wp-block-uagb-advanced-heading:first-child{display:none}

/* ---- Navigare articol anterior / următor ---- */
.blg-adjacent{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:clamp(2.8rem,5vw,4rem);padding-top:2rem;border-top:1px solid rgba(176,141,87,.28)}
.blg-adj{display:flex;flex-direction:column;gap:.6rem;padding:1.35rem 1.45rem;background:#fff;border:1px solid rgba(176,141,87,.2);border-radius:14px;box-shadow:0 16px 40px -32px rgba(59,47,38,.5);transition:transform .35s,box-shadow .35s,border-color .35s}
.blg-adj:hover{transform:translateY(-4px);border-color:rgba(176,141,87,.5);box-shadow:0 26px 52px -32px rgba(59,47,38,.55)}
.blg-adj .lbl{display:inline-flex;align-items:center;gap:.5rem;font:600 .68rem/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.blg-adj .lbl i{font-size:.95rem;transition:transform .3s}
.blg-adj b{font:500 1.12rem/1.35 var(--serif);letter-spacing:-.01em;color:var(--forest)}
.blg-adj-prev:hover .lbl i{transform:translateX(-4px)}
.blg-adj-next{grid-column:-2;align-items:flex-end;text-align:right}
.blg-adj-next:hover .lbl i{transform:translateX(4px)}

/* ===== Responsive ===== */
@media(max-width:1000px){
  .blg-grid{gap:1.3rem}
}

@media(max-width:899px){
  .blg-body{padding:1.35rem 1.35rem 1.5rem}
}

@media(max-width:640px){
  .blg-hero.page-hero{min-height:min(52vh,400px)}
  .blg-hero .ph-inner{padding-top:6.5rem}
  .blg-meta{gap:.8rem;row-gap:.6rem}
  .blg-adjacent{grid-template-columns:1fr}
  .blg-adj-next{grid-column:auto}
  .blg-pagination .page-numbers{min-width:44px;height:44px}
}

@media(max-width:380px){
  .blg-body{padding:1.2rem 1.1rem 1.35rem;gap:.75rem}
  .blg-date{padding:.48rem .75rem}
  .blg-adj{padding:1.15rem 1.1rem}
  .blg-empty>i{font-size:2.4rem}
  .blg-content ul,.blg-content ol{padding-left:1.2rem}
}