/* ============================================================
   yazi.css — Makale / blog yazısı (yazi.php)
   makale gövdesi · ilgili yazı kartları
   Mobil öncelikli: base · 768 · 1200
   ============================================================ */

/* ---------- Makale başlığı ---------- */
.article__head{padding-block:clamp(34px,5vw,56px) clamp(16px,3vw,26px);text-align:center}
.article__title{font-size:clamp(1.9rem,4.4vw,3rem);font-weight:800;line-height:1.18;margin-top:.7rem}
.article__meta{display:flex;align-items:center;justify-content:center;gap:1.2rem;flex-wrap:wrap;color:var(--faint);font-size:.9rem;margin-top:1.1rem}
.article__meta span{display:inline-flex;align-items:center;gap:.4em}
.article__meta svg{width:16px;height:16px;color:var(--gold)}
.article__cover{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--line-2);margin-bottom:clamp(24px,4vw,40px);box-shadow:var(--shadow)}
.article__cover img{width:100%;aspect-ratio:16/8;object-fit:cover}

/* ---------- Makale gövdesi ---------- */
.article-body{font-size:1.08rem;color:#d7dbe3;line-height:1.8}
.article-body p{margin-bottom:1.2rem}
.article-body h2{font-size:clamp(1.4rem,2.6vw,1.8rem);margin:2rem 0 .8rem;color:var(--ink)}
.article-body h2::before{content:"";display:block;width:34px;height:3px;background:var(--grad-gold);border-radius:2px;margin-bottom:.7rem}
.article-body ul{margin:0 0 1.3rem;padding-left:0;display:grid;gap:.6rem}
.article-body li{position:relative;padding-left:1.8rem;color:var(--muted)}
.article-body li::before{content:"";position:absolute;left:0;top:.6em;width:8px;height:8px;border-radius:2px;background:var(--grad-gold);transform:rotate(45deg)}
.article-body a{color:var(--gold);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.article-body a:hover{color:var(--gold-2)}
.article-body strong{color:var(--ink)}

.article__cta{display:flex;flex-direction:column;align-items:flex-start;gap:1.2rem;margin-top:clamp(30px,5vw,48px);padding:clamp(22px,3vw,30px);border:1px solid rgba(251,178,23,.22);border-radius:var(--radius-lg);background:linear-gradient(120deg,rgba(251,178,23,.08),rgba(255,255,255,.015))}
.article__cta h3{font-size:1.3rem;margin-bottom:.3rem}
.article__cta p{color:var(--muted);font-size:.96rem}

/* ---------- Paylaş ---------- */
.share{display:flex;align-items:center;gap:1rem 1.2rem;flex-wrap:wrap;margin-top:clamp(26px,4vw,38px);padding-top:1.4rem;border-top:1px solid var(--line)}
.share__label{display:inline-flex;align-items:center;gap:.5em;font-family:var(--font-d);font-weight:600;color:var(--muted);font-size:.95rem}
.share__label svg{width:18px;height:18px;color:var(--gold)}
.share__links{display:flex;gap:.6rem}
.share__btn{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;border:1px solid var(--line);color:var(--muted);transition:color .3s,border-color .3s,transform .3s,background .3s}
.share__btn:hover{color:var(--gold);border-color:var(--gold);background:rgba(251,178,23,.08);transform:translateY(-3px)}
.share__btn--wa:hover{color:#3ee47e;border-color:#25d366;background:rgba(37,211,102,.1)}
.share__btn svg{width:20px;height:20px}

/* ---------- İlgili yazılar (kart) ---------- */
.blog-grid{display:grid;grid-template-columns:1fr;gap:20px}
.post-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);overflow:hidden;transition:transform .4s var(--ease),border-color .4s}
.post-card:hover{transform:translateY(-6px);border-color:rgba(251,178,23,.4)}
.post-card__media{position:relative;display:block;aspect-ratio:16/10;overflow:hidden}
.post-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.post-card:hover .post-card__media img{transform:scale(1.06)}
.post-card__cat{position:absolute;top:12px;left:12px;background:rgba(11,12,15,.72);backdrop-filter:blur(8px);border:1px solid var(--line-2);color:var(--gold);font-family:var(--font-d);font-weight:600;font-size:.74rem;padding:.35em .7em;border-radius:100px}
.post-card__body{display:flex;flex-direction:column;gap:.6rem;padding:clamp(16px,2vw,22px)}
.post-card__title{font-size:1.12rem;line-height:1.32}
.post-card__title a{transition:color .25s}
.post-card__title a:hover{color:var(--gold)}
.post-card__excerpt{color:var(--muted);font-size:.92rem;flex:1}
.post-card__meta{display:flex;align-items:center;gap:.5rem;color:var(--faint);font-size:.82rem;margin-top:.2rem}


/* ============================================================
   768px ve üstü — tablet
   ============================================================ */
@media (min-width:768px){
  .article__cta{flex-direction:row;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}
  .blog-grid{grid-template-columns:repeat(2,1fr)}
}

/* ============================================================
   1200px ve üstü — masaüstü
   ============================================================ */
@media (min-width:1200px){
  .blog-grid{grid-template-columns:repeat(3,1fr)}
}