/*
 * ARFO – pagina unui articol: antet, imaginea principală, distribuire, articole asemănătoare.
 */

.post-hero{position:relative;overflow:hidden;padding:clamp(28px,4vw,52px) 0 clamp(40px,5vw,64px);background:radial-gradient(820px 520px at 92% 0%,var(--blue-50),transparent 66%),radial-gradient(640px 420px at -6% 100%,rgba(242,191,16,.13),transparent 62%),#fff}
.post-hero.has-cover{padding-bottom:clamp(120px,14vw,200px)}
.post-hero-inner{max-width:1000px}
.post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-bottom:18px;font-size:.88rem;font-weight:600;color:var(--muted)}
.post-meta span{display:inline-flex;align-items:center;gap:7px}
.post-meta .ico{width:17px;height:17px;color:var(--red)}
.post-hero h1{max-width:20em;margin-bottom:.4em;font-size:clamp(2rem,1.2rem + 2.7vw,3.3rem);letter-spacing:-.032em;line-height:1.08;text-wrap:balance}
.post-hero .lead{margin:0;max-width:38em}
.post-cover{position:relative;z-index:1;max-width:1100px;margin:calc(-1 * clamp(96px,12vw,170px)) auto 0}
.post-cover img{display:block;width:100%;max-height:620px;object-fit:cover;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);background:var(--blue-50)}
.post-cover figcaption{margin-top:.7em;font-size:.88rem;color:var(--muted);text-align:center}
.post-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px 28px;max-width:760px;margin:0 auto;padding:28px clamp(16px,4vw,0px) clamp(48px,6vw,80px);border-top:1px solid var(--line)}
.post-tags{display:flex;flex-wrap:wrap;gap:8px}
.share{display:flex;align-items:center;gap:8px;margin-left:auto}
.share-label{margin-right:4px;font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.share-btn{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1.5px solid var(--line);border-radius:14px;background:#fff;color:var(--blue);cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.share-btn:hover{border-color:var(--blue);background:var(--blue);color:#fff}
.share-btn .ico{width:20px;height:20px}
.page-links{margin-top:2rem;font-weight:700}
.related-posts{background:var(--soft)}

@media (max-width:640px){
  .share{margin-left:0}
  .post-footer{padding-inline:16px}
}