/* Stil comun pentru blogul Mist Atelier (păstrează identitatea de brand) */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
  --pink:#ee6cae; --pink-light:#ebb4d2; --peach:#fbc8b8; --blue:#bbe3f5;
  --dark:#22323d; --bg:#f5f0eb; --card:#fff; --muted:#6b7a85; --radius:18px;
}
html { scroll-behavior: smooth; }
body {
  font-family:'Poppins',sans-serif; background:var(--bg); color:var(--dark);
  line-height:1.7; font-size:17px; position:relative;
}
body::before {
  content:''; position:fixed; inset:0; pointer-events:none; z-index:999; opacity:.035;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size:180px 180px;
}
h1,h2,h3 { font-family:'Bricolage Grotesque',sans-serif; line-height:1.2; text-wrap:balance; }
.wrap { max-width:720px; margin:0 auto; padding:0 20px; }

/* nav simplu */
.blog-nav { border-bottom:1px solid rgba(238,108,174,.15); background:rgba(245,240,235,.9); backdrop-filter:blur(8px); position:sticky; top:0; z-index:100; }
.blog-nav .wrap { display:flex; align-items:center; justify-content:space-between; height:58px; }
.blog-nav img { height:34px; }
.blog-nav a.back { color:var(--dark); text-decoration:none; font-weight:500; font-size:.9rem; }
.blog-nav a.back:hover { color:var(--pink); }

/* listă articole */
.blog-hero { padding:56px 0 12px; }
.blog-hero .script { font-family:'Caveat',cursive; color:var(--pink); font-size:1.3rem; }
.blog-hero h1 { font-size:clamp(2rem,5vw,2.8rem); font-weight:800; margin:6px 0 10px; }
.blog-hero p { color:var(--muted); }
.post-list { display:flex; flex-direction:column; gap:18px; padding:32px 0 72px; }
.post-card {
  background:var(--card); border-radius:var(--radius); padding:24px 26px;
  text-decoration:none; color:inherit; display:block;
  box-shadow:0 6px 20px rgba(34,50,61,.05); transition:transform .25s, box-shadow .25s;
}
.post-card:hover { transform:translateY(-3px); box-shadow:0 14px 32px rgba(34,50,61,.1); }
.post-card h2 { font-size:1.35rem; font-weight:700; margin-bottom:6px; }
.post-card p { color:var(--muted); font-size:.95rem; }
.post-card .tag { font-family:'Caveat',cursive; color:var(--pink); font-size:1.05rem; }

/* articol */
article.post { padding:44px 0 64px; }
article.post .tag { font-family:'Caveat',cursive; color:var(--pink); font-size:1.2rem; }
article.post h1 { font-size:clamp(1.9rem,5vw,2.6rem); font-weight:800; margin:6px 0 14px; }
article.post .meta { color:var(--muted); font-size:.88rem; margin-bottom:28px; }
article.post h2 { font-size:1.5rem; font-weight:700; margin:34px 0 10px; }
article.post h3 { font-size:1.2rem; font-weight:700; margin:24px 0 8px; }
article.post p { margin-bottom:16px; }
article.post ul, article.post ol { margin:0 0 16px 22px; }
article.post li { margin-bottom:8px; }
article.post strong { color:var(--dark); }
article.post p a, article.post li a { color:var(--pink); }
.post-cta {
  margin-top:40px; background:var(--dark); color:#fff; border-radius:var(--radius);
  padding:28px 30px; text-align:center;
}
.post-cta h3 { color:#fff; margin-bottom:8px; }
.post-cta p { color:rgba(255,255,255,.8); margin-bottom:16px; }
.post-cta a {
  display:inline-block; background:var(--pink); color:#fff; text-decoration:none;
  font-family:'Bricolage Grotesque',sans-serif; font-weight:700; padding:13px 26px; border-radius:50px;
}
.post-cta a:hover { background:#d9579a; }

/* footer */
.blog-foot { background:var(--dark); color:rgba(255,255,255,.5); text-align:center; padding:30px 20px; font-size:.85rem; }
.blog-foot a { color:var(--pink); text-decoration:none; }

/* link către Instagram sub titlul articolului */
.ig-link { margin: -14px 0 26px; }
.ig-link a {
  display: inline-flex; align-items: center; gap: 7px;
  font-family: 'Bricolage Grotesque', sans-serif; font-weight: 700; font-size: .9rem;
  color: var(--pink); text-decoration: none;
  background: #fff; border: 1.5px solid var(--pink-light);
  padding: 8px 16px; border-radius: 50px; transition: background .2s, color .2s;
}
.ig-link a:hover { background: var(--pink); color: #fff; border-color: var(--pink); }

/* secțiunea „Citește și" (linkuri interne între articole) */
.related { margin-top: 44px; border-top: 1px solid rgba(34,50,61,.12); padding-top: 22px; }
.related h3 { font-family:'Bricolage Grotesque',sans-serif; font-weight:700; font-size:1.05rem; margin-bottom:10px; }
.related a { display:block; color:var(--pink); text-decoration:none; font-weight:600; font-size:.98rem; padding:9px 0; border-bottom:1px solid rgba(238,108,174,.14); }
.related a:last-child { border-bottom:none; }
.related a::before { content:'→ '; }
.related a:hover { text-decoration:underline; }