/* blog.css — blog listesi + yazı detayı */
.blog{padding:3rem 1rem}

/* ---- kategori filtresi ---- */
.blog__filtre{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2.25rem}
.blog__filtre-link{display:inline-flex;align-items:center;padding:.55rem 1.15rem;border-radius:999px;
  border:1.5px solid var(--clr-line);color:var(--clr-ink);font-weight:700;font-size:.92rem;text-decoration:none;
  transition:background .2s,border-color .2s,color .2s;min-height:44px}
.blog__filtre-link:hover{border-color:var(--clr-primary);color:var(--clr-primary-dark)}
.blog__filtre-link.is-active{background:var(--clr-primary);border-color:var(--clr-primary);color:#fff}

/* ---- öne çıkan yazı ---- */
.blog-one-cikan{margin-bottom:2.5rem;border-radius:var(--radius);overflow:hidden;background:var(--clr-ink);color:#fff;box-shadow:var(--shadow-2)}
.blog-one-cikan__link{display:grid;grid-template-columns:1fr;color:inherit;text-decoration:none}
.blog-one-cikan__gorsel img{width:100%;height:100%;object-fit:cover;aspect-ratio:1200/630}
.blog-one-cikan__govde{padding:1.75rem}
.blog-one-cikan h2{font-size:clamp(1.3rem,1.1rem + 1.3vw,1.9rem);margin:.6rem 0 .75rem}
.blog-one-cikan__ozet{color:rgba(255,255,255,.8);line-height:1.7;margin:0 0 1.25rem}
.blog-one-cikan .blog-kart__meta{color:rgba(255,255,255,.7)}
.blog-one-cikan .blog-kart__devam{color:var(--clr-amber)}

/* ---- kart ızgarası ---- */
.blog__grid{display:grid;gap:1.5rem;grid-template-columns:1fr}
.blog-kart{border:1px solid var(--clr-line);border-radius:var(--radius);overflow:hidden;background:#fff;
  box-shadow:var(--shadow-1);transition:transform .25s,box-shadow .25s}
.blog-kart:hover{transform:translateY(-5px);box-shadow:var(--shadow-2)}
.blog-kart__link{display:block;color:inherit;text-decoration:none}
.blog-kart__gorsel{position:relative;overflow:hidden}
.blog-kart__gorsel img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.blog-kart:hover .blog-kart__gorsel img{transform:scale(1.05)}
.blog-kart__kategori{display:inline-flex;background:var(--clr-primary);color:#fff;font-weight:700;font-size:.75rem;
  letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:.35rem .8rem}
.blog-kart__kategori--gorselde{position:absolute;left:.9rem;top:.9rem}
.blog-kart__govde{padding:1.25rem 1.35rem 1.4rem}
.blog-kart__meta{display:flex;flex-wrap:wrap;gap:.9rem;align-items:center;font-size:.83rem;color:var(--clr-charcoal);margin:0 0 .6rem}
.blog-kart__meta i{color:var(--clr-primary)}
.blog-kart__baslik{font-size:1.08rem;line-height:1.4;margin:0 0 .6rem}
.blog-kart__ozet{color:var(--clr-ink-70);font-size:.92rem;line-height:1.65;margin:0 0 1rem;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.blog-kart__devam{display:inline-flex;align-items:center;gap:.45rem;font-weight:700;color:var(--clr-primary);font-size:.9rem}
.blog-kart__devam i{transition:transform .25s}
.blog-kart:hover .blog-kart__devam i{transform:translateX(4px)}

/* ---- sayfalama ---- */
.blog__sayfalama{display:flex;gap:.5rem;justify-content:center;margin-top:2.5rem}
.blog__sayfa-link{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;
  border-radius:.6rem;border:1.5px solid var(--clr-line);font-weight:700;text-decoration:none;color:var(--clr-ink)}
.blog__sayfa-link:hover{border-color:var(--clr-primary);color:var(--clr-primary-dark)}
.blog__sayfa-link.is-active{background:var(--clr-primary);border-color:var(--clr-primary);color:#fff}

/* ---- yazı detayı ---- */
.yazi{padding:3rem 1rem}
.yazi__meta{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;color:rgba(255,255,255,.85);font-size:.9rem;margin:0}
.yazi__meta i{color:var(--clr-amber)}
.yazi__icerik{max-width:820px;margin-inline:auto}
.yazi__kapak{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-2);margin-bottom:2rem}
.yazi__icerik h2{font-size:clamp(1.25rem,1.05rem + 1vw,1.6rem);text-transform:uppercase;margin:2.25rem 0 1rem;
  display:flex;align-items:center;gap:.75rem}
.yazi__icerik h2::after{content:"";flex:1;height:2px;background:var(--clr-line)}
.yazi__icerik p{line-height:1.9;color:var(--clr-ink-70);margin:0 0 1.15rem;font-size:1.02rem}
.yazi__icerik p strong{color:var(--clr-ink)}
.yazi__icerik ul{margin:0 0 1.4rem;padding:0;list-style:none;display:grid;gap:.65rem}
.yazi__icerik ul li{position:relative;padding-left:1.7rem;line-height:1.75;color:var(--clr-ink-70)}
.yazi__icerik ul li::before{content:"\f00c";font-family:"Font Awesome 6 Free";font-weight:900;
  position:absolute;left:0;top:.2rem;color:var(--clr-primary);font-size:.8rem}

.yazi__cta{margin-top:3rem;background:linear-gradient(120deg,var(--clr-primary-dark),var(--clr-primary));
  color:#fff;border-radius:var(--radius);padding:2.25rem 1.5rem;text-align:center}
.yazi__cta h2{color:#fff;justify-content:center;margin-top:0}
.yazi__cta h2::after{display:none}
.yazi__cta p{color:rgba(255,255,255,.88)}
.yazi__cta-butonlar{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}
.yazi__cta .btn-cta{background:#fff;color:var(--clr-primary-dark);border-color:#fff}
.yazi__cta .btn-cta:hover{background:var(--clr-soft);border-color:var(--clr-soft);color:var(--clr-primary-dark)}
.yazi__cta .btn-cta--dark{background:var(--clr-ink);border-color:var(--clr-ink);color:#fff}
.yazi__cta .btn-cta--dark:hover{background:#000;border-color:#000}

.yazi__ilgili{max-width:1000px;margin:3.5rem auto 0}
.yazi__ilgili > h2{font-size:1.35rem;text-transform:uppercase;margin:0 0 1.5rem;display:flex;align-items:center;gap:.75rem}
.yazi__ilgili > h2::after{content:"";flex:1;height:2px;background:var(--clr-line)}

@media (min-width:768px){
  .blog__grid{grid-template-columns:repeat(2,1fr)}
  .blog-one-cikan__link{grid-template-columns:1.2fr 1fr;align-items:center}
  .blog-one-cikan__gorsel{height:100%}
  .blog-one-cikan__govde{padding:2.25rem}
}
@media (min-width:1200px){
  .blog__grid{grid-template-columns:repeat(3,1fr)}
  .blog__grid--uclu{grid-template-columns:repeat(3,1fr)}
}