/* =====================
 * Blog sayfaları
 * - Etiket rozetleri
 * - İçerik tipografisi
 * ===================== */
 
.meta{
  margin-top: 8px;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  color: #374151;
  font-size: 13px;
}

.etiket{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size: 12px;
  padding: 6px 10px;
  border-radius: 999px;
  background: #f3f4f6;
  color:#111827;
  text-decoration:none;
  border: 1px solid #e5e7eb;
}
a.etiket:hover{ filter: brightness(0.98); }

/* Görüntülenme etiketi: göz ikonu + sayı */
.etiket-views::before{
  content:"";
  width:16px;
  height:16px;
  display:inline-block;
  background: currentColor;
  opacity:.75;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 5c-7 0-10 7-10 7s3 7 10 7 10-7 10-7-3-7-10-7Zm0 12a5 5 0 1 1 0-10 5 5 0 0 1 0 10Zm0-8a3 3 0 1 0 0 6 3 3 0 0 0 0-6Z'/%3E%3C/svg%3E") no-repeat center / contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 5c-7 0-10 7-10 7s3 7 10 7 10-7 10-7-3-7-10-7Zm0 12a5 5 0 1 1 0-10 5 5 0 0 1 0 10Zm0-8a3 3 0 1 0 0 6 3 3 0 0 0 0-6Z'/%3E%3C/svg%3E") no-repeat center / contain;
}

.blog-icerik h2{ margin: 18px 0 10px; font-size: 22px; line-height:1.3; }
.blog-icerik h3{ margin: 16px 0 8px; font-size: 18px; line-height:1.35; }
.blog-icerik p{ margin: 0 0 12px; }
.blog-icerik ul, .blog-icerik ol{ margin: 0 0 12px 22px; }
.blog-icerik{ line-height:1.75; color:#111827; font-size:16px; }
.blog-icerik blockquote{
  margin: 14px 0;
  padding: 10px 14px;
  border-left: 4px solid #e5e7eb;
  background: #f8fafc;
  border-radius: 10px;
  color:#374151;
}
.blog-icerik img{ max-width:100%; height:auto; border-radius: 14px; }

.blog-icerik div{
  margin: 0 0 12px;
}

.blog-detail-card {
  margin-bottom: 16px;
}

.related-posts-section {
  margin-top: 20px;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  padding: 16px;
}

.related-posts-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px;
  margin: 0 0 14px;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 14px;
}

.related-posts-header h2 {
  margin: 0;
}

.related-posts-list {
  margin-top: 0;
}

.related-posts-list.yaklasan-list .item:last-child {
  margin-bottom: 0;
}

.blog-detail-back{ text-decoration:none; }
.blog-detail-title{ margin:10px 0 8px 0; }
.blog-detail-meta{ margin:0 0 12px 0; }
.blog-detail-tag-highlight{ border-color:#c7d2fe; background:#eef2ff; }
.blog-cover-frame{
  border-radius:14px;
  overflow:hidden;
  border:1px solid #e5e7eb;
  margin-bottom:14px;
}
.blog-cover-image{
  width:100%;
  height:auto;
  display:block;
  aspect-ratio:16 / 10;
  object-fit:cover;
}
.blog-filter-card{ margin-bottom:12px; }
.blog-filter-row{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
}
.blog-filter-meta{ margin:0; }
.etiket-filter{ background:#eef2ff; }
.etiket.aktif{ background:#dcfce7; }
.pager-ellipsis{ opacity:.8; }
.sidebar-card{ margin-top:12px; }
.sidebar-card-title{ margin:0 0 10px 0; }
.sidebar-link-list{ display:grid; gap:6px; }
.sidebar-post-list{ display:grid; gap:10px; }
.sidebar-list-link{
  display:flex;
  justify-content:space-between;
  gap:10px;
  text-decoration:none;
  color:inherit;
}
.sidebar-list-link.is-active{ font-weight:700; }

/* =====================
 * Blog sidebar (sol bölüm)
 * - Ana (sol) çerçeveyi kaldır: her blok kendi kartında kalsın
 * - Popüler yazılar: görsel + başlık mini kart görünümü
 * ===================== */

/* Popüler yazı item (resim solda, başlık sağda) */
.mini-post{
  display:flex;
  gap:12px;
  align-items:center;
  padding:10px;
  border:1px solid #d7d7d7;
  border-radius: 4px;
  background:#fff; 
}

.mini-post:hover{ filter: brightness(0.99); }

.mini-post img{
  width:86px;
  height:58px;
  object-fit:cover;
  border-radius: 4px;
  flex:0 0 auto;
}

.mini-post .mini-title{
  font-weight:700;
  line-height:1.25;
  color:#111827;
  font-size:15px;
}

/* link underline olmasın */
a.mini-post-link{ text-decoration:none; color:inherit; display:block; }
a.mini-post-link:hover{ text-decoration:none; }


/* Sidebar arama alanı (Son-yazilarim.jpg tarzı) */
.sidebar-search form{ margin:0; }
.sidebar-search .search-field{ position:relative; }
.sidebar-search .search-field label{
  /* Görselde iki kez "Arama" görünmemesi için label'i sadece erişilebilirlik amaçlı tutuyoruz */
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  white-space:nowrap !important;
  border:0 !important;
}
.sidebar-search .search-input{
  width:100%;
  border:1px solid #d7d7d7;
  border-radius: 4px;
  padding:8px 12px; /* input alanı yüksekliği*/
  background:#fff;
  outline:none;
}
.sidebar-search .search-input:focus{
  border-color:#c7c7c7;
}