/* =========================================================
   BLOG.CSS — Sadece blog.html'e özel stiller
   ========================================================= */
.blog-toolbar{
  display:flex;justify-content:space-between;align-items:center;gap:20px;
  flex-wrap:wrap;margin-bottom:36px;
}
.search-box{
  display:flex;align-items:center;gap:10px;border:1px solid var(--gray-200);
  border-radius:999px;padding:10px 18px;min-width:260px;
}
.search-box input{border:none;outline:none;font-size:14px;width:100%;background:none;}
.cat-filters{display:flex;gap:10px;flex-wrap:wrap;}
.cat-filter{
  border:1px solid var(--gray-200);border-radius:999px;padding:8px 16px;
  font-size:13.5px;font-weight:600;color:var(--navy-500);transition:all .2s;
}
.cat-filter.active, .cat-filter:hover{background:var(--navy-900);color:var(--white);border-color:var(--navy-900);}

.featured-post{
  display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;
  border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:28px;margin-bottom:48px;
}
.featured-post h2{font-size:24px;margin:10px 0 12px;}
.featured-post p{color:var(--gray-500);font-size:14.5px;margin-bottom:18px;}

.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.blog-card{background:var(--white);border-radius:var(--radius);overflow:hidden;border:1px solid var(--gray-200);transition:box-shadow .2s,transform .2s;}
.blog-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px);}
.blog-body{padding:22px;}
.blog-cat{font-size:12px;font-weight:600;color:var(--teal-500);text-transform:uppercase;letter-spacing:.04em;}
.blog-body h3{font-size:16px;font-weight:600;margin:10px 0 8px;line-height:1.4;}
.blog-meta{font-size:12.5px;color:var(--gray-500);}
.blog-card[hidden]{display:none;}

@media (max-width:980px){
  .featured-post{grid-template-columns:1fr;}
  .blog-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:680px){
  .blog-grid{grid-template-columns:1fr;}
}