/* Blog styles – built on the shared tokens in subpage.css (same look as Galerija / Program) */

/* ── HERO (compact, same as Galerija) ── */
#hero{background:var(--blush);text-align:center;padding:9.5rem 6vw 5rem;position:relative;overflow:hidden}
.orb{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;animation:orbDrift 14s ease-in-out infinite}
.orb-a{width:55vw;height:55vw;max-width:640px;max-height:640px;background:radial-gradient(circle,#F5B8D0 0%,transparent 70%);top:-180px;left:-15%;opacity:.5}
.orb-b{width:40vw;height:40vw;max-width:500px;max-height:500px;background:radial-gradient(circle,#C4E4FF 0%,transparent 70%);top:-60px;right:-10%;animation-delay:5s;opacity:.45}
.orb-c{width:35vw;height:35vw;max-width:420px;max-height:420px;background:radial-gradient(circle,#E3DAF7 0%,transparent 70%);bottom:-140px;right:12%;animation-delay:8s;opacity:.5}
@keyframes orbDrift{0%,100%{transform:translate(0,0) scale(1)}40%{transform:translate(30px,-20px) scale(1.05)}70%{transform:translate(-18px,22px) scale(.96)}}
.hero-inner{position:relative;z-index:1;max-width:760px;margin:0 auto}
.hero-eyebrow{display:inline-flex;align-items:center;gap:.6rem;font-size:.7rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--rose);background:rgba(197,119,154,.1);border:1px solid rgba(197,119,154,.2);padding:.38rem 1.1rem .38rem .7rem;border-radius:50px;margin-bottom:2rem}
.hero-eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--rose)}

/* ── CATEGORY FILTER ── */
.blog-sec{padding:4.5rem 6vw 7rem}
.blog-filter{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin-bottom:3rem}
.filter-chip{font-family:var(--sans);font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--rose);background:rgba(197,119,154,.08);border:1px solid rgba(197,119,154,.22);padding:.5rem 1.15rem;border-radius:50px;cursor:pointer;transition:all .3s}
.filter-chip:hover{background:rgba(197,119,154,.16)}
.filter-chip.is-active{background:var(--rose);color:#fff;border-color:var(--rose);box-shadow:0 6px 20px rgba(197,119,154,.28)}

/* ── POST CARDS ── */
.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2.2rem}
.post-card{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 14px 44px rgba(46,31,31,.07);display:flex;flex-direction:column;transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.post-card:hover{transform:translateY(-6px);box-shadow:0 22px 56px rgba(46,31,31,.12)}
.post-card[hidden]{display:none}
.post-card-img{display:block;aspect-ratio:4/3;background:linear-gradient(145deg,var(--blush),var(--lav));overflow:hidden}
.post-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.post-card:hover .post-card-img img{transform:scale(1.04)}
.post-card-body{padding:1.6rem 1.7rem 1.9rem;display:flex;flex-direction:column;flex:1}
.post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .9rem;font-size:.68rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:.9rem}
.post-cat{color:var(--rose)}
.post-card-title{font-family:var(--serif);font-size:1.6rem;font-weight:500;line-height:1.2;margin-bottom:.8rem}
.post-card-title a{color:var(--text);transition:color .3s}
.post-card-title a:hover{color:var(--rose)}
.post-card .p{margin-bottom:1.3rem}
.post-more{margin-top:auto;font-size:.74rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--rose)}
.post-more:hover{color:var(--terra)}
.blog-more{text-align:center;margin-top:3rem}
.blog-more[hidden],#showMore[hidden]{display:none}
.blog-empty{text-align:center;max-width:520px;margin:1rem auto 0}

/* ── SINGLE POST ── */
.back-link{display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--rose);margin-bottom:1.6rem}
.back-link:hover{color:var(--terra)}
.post-title{font-size:clamp(2.3rem,5.5vw,4rem)}
.post-byline{font-size:.8rem;font-weight:400;letter-spacing:.1em;color:var(--soft);margin-top:1.2rem}
.post-article{padding:3.5rem 6vw 5rem}
.post-cover{max-width:920px;margin:0 auto 3.2rem;border-radius:28px;overflow:hidden;box-shadow:0 30px 80px rgba(46,31,31,.13);background:linear-gradient(145deg,var(--blush),var(--lav))}
.post-cover img{width:100%;max-height:600px;object-fit:cover}
.post-body{max-width:720px;margin:0 auto}
.post-body p{font-size:1.05rem;font-weight:300;line-height:1.95;color:var(--soft);margin:0 0 1.5rem}
.post-body h2{font-family:var(--serif);font-size:2rem;font-weight:500;line-height:1.2;color:var(--text);margin:2.6rem 0 1rem}
.post-body h3{font-family:var(--serif);font-size:1.5rem;font-weight:500;color:var(--text);margin:2rem 0 .8rem}
.post-body a{color:var(--rose);text-decoration:underline;text-underline-offset:3px}
.post-body a:hover{color:var(--terra)}
.post-body strong{font-weight:600;color:var(--text)}
.post-body ul,.post-body ol{margin:0 0 1.5rem 1.4rem;color:var(--soft);font-weight:300;line-height:1.9}
.post-body li{margin-bottom:.4rem}
.post-body blockquote{margin:2rem 0;padding:.4rem 0 .4rem 1.6rem;border-left:3px solid var(--rose);font-family:var(--serif);font-size:1.4rem;font-style:italic;line-height:1.5;color:var(--text)}
.post-body blockquote p{font-family:inherit;font-size:inherit;font-style:inherit;color:inherit;margin:0}
.post-body img{border-radius:20px;margin:2rem auto;box-shadow:0 18px 50px rgba(46,31,31,.1)}
.post-tags{max-width:720px;margin:2.5rem auto 0;padding-top:1.6rem;border-top:1px solid rgba(46,31,31,.08)}

/* ── RECENT POSTS ── */
.recent-sec{background:var(--sage-lt);padding:5rem 6vw 6rem}
.recent-head{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:2.2rem}
.recent-head .h2{margin-bottom:0}

@media(max-width:600px){
  #hero{padding:7.5rem 5vw 3.5rem}
  .blog-sec{padding:3rem 5vw 5rem}
  .post-grid{grid-template-columns:1fr}
  .post-article{padding:2.5rem 5vw 4rem}
  .post-body p{font-size:1rem}
}
@media(prefers-reduced-motion:reduce){.orb{animation:none}}