/* Blog Liste Sayfası - Modern Kart Grid Tasarımı */

/* Grid ve boşluklar */
.page-wrapper.page-detail .row.equal-height.cols-1.cols-sm-2.cols-md-3.cols-lg-3.gap-20.mt-50 {
  /* Gap override kaldırıldı: main.css .row.gap-20 boşlukları kullanılacak */
}

/* Kart */
.blog-card {
  position: relative;
  border: 1px solid rgba(0,0,0,0.06);
  border-radius: 16px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 10px 25px rgba(0,0,0,0.06);
  transition: transform .25s ease, box-shadow .25s ease;
}
.blog-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 35px rgba(0,0,0,0.10);
}

/* Görsel alanı */
.blog-card .image {
  position: relative;
  overflow: hidden;
  aspect-ratio: 16/10;
  background: #f3f5f7;
}
.blog-card .image-link { display:block; width:100%; height:100%; }
.blog-card-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.005);
  transition: transform .35s ease, filter .35s ease;
}
.blog-card:hover .blog-card-image { transform: scale(1.06); filter: saturate(1.1) contrast(1.02); }

/* Tarih rozeti */
.date-badge {
  position: absolute;
  left: 16px; bottom: 16px;
  background: rgba(0,0,0,0.7);
  color: #fff;
  font-size: 12px;
  padding: 6px 10px;
  border-radius: 999px;
  backdrop-filter: blur(2px);
}

/* İçerik */
.blog-card-content { padding: 18px 18px 20px; }
.blog-card-title { margin: 0 0 8px; font-size: 18px; line-height: 1.35; }
.blog-card-title a { color: #222; text-decoration: none; }
.blog-card-title a:hover { color: #007bff; }

.blog-card-excerpt { margin: 8px 0 12px; font-size: 14px; color: #6c757d; }

.blog-meta { display:flex; align-items:center; gap:8px; font-size: 12px; }
.blog-meta i { color: #6c757d; }

/* Devamını oku butonu */
.blog-read-more { margin-top: 4px; border-radius: 999px; padding: 6px 12px; }
.blog-read-more i { margin-left: 4px; }

/* Pagination modern görünüm */
.pagination-modern .page-link {
  border-radius: 8px;
  margin: 0 4px;
  color: #333;
}
.pagination-modern .page-item.active .page-link {
  background-color: #007bff;
  border-color: #007bff;
}
.pagination-modern .page-link:hover { color:#007bff; }

/* Responsive iyileştirmeler */
@media (max-width: 991px) {
  .blog-card-title { font-size: 17px; }
}
@media (max-width: 575px) {
  .blog-card-title { font-size: 16px; }
  .blog-card-content { padding: 16px; }
}