/* ==========================================================================
   BSB BLOG & SINGLE – WordPress eşleştirme yamaları
   - Blog grid (home.php, archive.php)
   - Single içerik (single.php)
   - Sidebar: arama, kategoriler, son yazılar, etiketler
   - WP sayfalama (.page-numbers)
   - Author arşiv başlığı
   ========================================================================== */

/* -------------------- GENEL YARDIMCI -------------------- */
:root{
  --bsb-green: #39d27a;
  --bsb-green-700: #22b863;
  --bsb-dark: #222;
  --bsb-muted: #6b7280;
  --card-r: 16px;
  --chip-r: 999px;
  --shadow-1: 0 8px 24px rgba(0,0,0,.08);
  --shadow-2: 0 14px 40px rgba(0,0,0,.10);
}
.page-title .content-box h1{font-weight:800;}
.page-title .bg-layer{background-size:cover;background-position:center;background-repeat:no-repeat;}
.page-title.centred .content-box h1{color:#fff;}
.page-title .bread-crumb li,
.page-title .bread-crumb a{color:#e5e7eb;}

/* -------------------- BLOG GRID -------------------- */
.news-style-two.blog-grid .row.clearfix > [class*="col-"]{margin-bottom:30px;}
.news-style-two.blog-grid .news-block-two .inner-box{
  background:#fff; border-radius:var(--card-r); overflow:hidden; box-shadow:var(--shadow-1);
  transition:transform .2s ease, box-shadow .2s ease;
}
.news-style-two.blog-grid .news-block-two .inner-box:hover{transform:translateY(-2px); box-shadow:var(--shadow-2);}
.news-style-two.blog-grid .image-box img{display:block; width:100%; height:260px; object-fit:cover;}
.news-style-two.blog-grid .lower-content{background:transparent;}
.news-style-two.blog-grid .lower-content .inner{
  background:#fff; border-radius:14px; margin-top:-40px; padding:24px; box-shadow:var(--shadow-1);
}
.news-style-two.blog-grid .post-date{
  display:inline-block; padding:6px 10px; font-size:12px; line-height:1; font-weight:700;
  background:#eafff4; color:var(--bsb-green-700); border-radius:var(--chip-r);
  margin-bottom:10px; text-transform:uppercase;
}
.news-style-two.blog-grid h3{font-size:20px; line-height:1.35; margin:10px 0 12px; font-weight:700;}
.news-style-two.blog-grid .post-info{margin:0 0 12px; padding:0; list-style:none;}
.news-style-two.blog-grid .post-info li{display:inline-flex; align-items:center; gap:8px; color:var(--bsb-muted); font-size:13px; margin-right:14px;}
.news-style-two.blog-grid .post-info i{font-size:16px;}
.news-style-two.blog-grid p{color:#4b5563; margin:0 0 14px;}
.news-style-two.blog-grid .btn-box .theme-btn-one{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:10px 16px; border-radius:12px; background:var(--bsb-green); color:#fff; font-weight:600;
}
.news-style-two.blog-grid .btn-box .theme-btn-one:hover{background:var(--bsb-green-700); color:#fff;}

/* Kart görseli fallback responsive */
.news-block-two .image-box img{width:100%; height:auto; display:block;}

/* -------------------- SAYFALAMA (WP the_posts_pagination) -------------------- */
.pagination-wrapper { text-align: center; }
.pagination-wrapper .nav-links{display:inline-flex; align-items:center; gap:8px;}
.pagination-wrapper .page-numbers{
  display:inline-flex; align-items:center; justify-content:center;
  width:42px; height:42px; margin:0; border-radius:50%;
  background:#fff; color:var(--bsb-dark); box-shadow:var(--shadow-1);
}
.pagination-wrapper .page-numbers:hover{box-shadow:var(--shadow-2);}
.pagination-wrapper .page-numbers.current{background:var(--bsb-green); color:#fff; font-weight:700;}
.pagination-wrapper .page-numbers i{font-size:16px; line-height:1; display:inline-block;}

/* -------------------- SINGLE (blog detayı) -------------------- */
.sidebar-page-container .image-box{position:relative;}
.sidebar-page-container .image-box figure img{
  display:block; width:100%; height:auto; border-radius:14px; box-shadow:var(--shadow-1);
}
/* WP’de h2’ye class verdik: .date-badge */
.date-badge{
  position:absolute; left:20px; bottom:20px; margin:0;
  width:60px; height:60px; border-radius:50%; background:var(--bsb-green);
  color:#fff; display:flex; flex-direction:column; align-items:center; justify-content:center;
  font-weight:800; line-height:1; box-shadow:0 8px 20px rgba(57,210,122,.35);
}
.date-badge span{display:block; font-size:12px; font-weight:700; margin-top:2px; text-transform:uppercase;}

.blog-details-content .post-info{list-style:none; padding:0; margin:16px 0 10px;}
.blog-details-content .post-info li{display:inline-flex; align-items:center; gap:8px; color:var(--bsb-muted); margin-right:14px;}
.blog-details-content h1{font-size:28px; font-weight:800; margin:10px 0 16px;}
.blog-details-content .entry-content p{color:#374151; margin:0 0 16px;}
.blog-details-content .entry-content blockquote{
  margin:20px 0; padding:20px; border-left:4px solid var(--bsb-green); background:#f6fff9; border-radius:12px;
}

/* Etiketler */
.tags-list{list-style:none; padding:0; margin:18px 0 0; display:flex; flex-wrap:wrap; gap:8px;}
.tags-list a{display:inline-block; padding:6px 12px; border-radius:var(--chip-r); background:#f3f4f6; color:#111827; font-size:13px;}
.tags-list a:hover{background:#e5e7eb;}

/* Önceki / Sonraki */
.post-nav, .nav-siblings{
  margin-top:32px; display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap;
}
.post-nav a, .nav-siblings a, .prev-post a, .next-post a, .prev-link, .next-link{
  display:inline-flex; align-items:center; gap:8px; padding:10px 14px; border-radius:12px;
  border:1px solid #e7eaf0; background:#fff; color:#111; font-weight:600; text-decoration:none;
}
.post-nav a:hover, .nav-siblings a:hover, .prev-post a:hover, .next-post a:hover{border-color:var(--bsb-green);}

/* -------------------- SIDEBAR -------------------- */
.blog-sidebar .sidebar-widget{background:#fff; border-radius:14px; padding:20px; box-shadow:var(--shadow-1); margin-bottom:24px;}
.blog-sidebar .widget-title h3{font-size:18px; font-weight:800; margin:0 0 14px;}

/* Arama */
.search-widget .search-form{position:relative;}
.search-widget input[type="search"],
.search-widget .search-field{
  width:100%; height:44px; border-radius:12px; border:1px solid #e5e7eb; padding:0 44px 0 14px; outline:none;
}
.search-widget .search-submit{position:absolute; right:6px; top:50%; transform:translateY(-50%); width:36px; height:36px; border-radius:10px; border:0; background:var(--bsb-green); color:#fff;}

/* Kategoriler */
.category-widget .category-list{list-style:none; padding:0; margin:0;}
.category-widget .category-list > li{margin-bottom:8px;}
.category-widget .category-list > li a{
  display:block; padding:10px 12px; border-radius:10px; color:#111827; background:#f9fafb;
}
.category-widget .category-list > li a:hover{background:#eef2ff;}

/* Son Makaleler – YENİ MARKUP (.post-mini) */
.post-widget .post-inner{display:grid; gap:14px;}
.post-mini{display:grid; grid-template-columns:64px 1fr; gap:12px; align-items:center;}
.post-mini .thumb{display:block; width:64px; height:64px; border-radius:12px; overflow:hidden;}
.post-mini .thumb img{width:100%; height:100%; object-fit:cover; display:block;}
.post-mini .meta{line-height:1.3;}
.post-mini .title{margin:0 0 4px; font-size:14px; font-weight:600;}
.post-mini .title a{color:var(--bsb-dark);}
.post-mini .title a:hover{color:var(--bsb-green-700);}
.post-mini .date{font-size:12px; opacity:.7;}

/* Etiket kutusu */
.tags-widget .tags-list li{display:inline-block; margin:6px 6px 0 0;}
.tags-widget .tags-list a,
.tags-widget .tags-list span{display:inline-block; padding:7px 12px; border-radius:999px; background:#f1f3f5; color:#333; font-size:12px;}
.tags-widget .tags-list a:hover{background:var(--bsb-green); color:#fff;}

/* -------------------- SEARCH SONUÇ (search.php) -------------------- */
.search-results .news-block-one .image-box img{width:100%; height:220px; object-fit:cover; border-radius:14px;}
.search-results .news-block-one .inner-box{box-shadow:var(--shadow-1); border-radius:var(--card-r); overflow:hidden;}

/* -------------------- AUTHOR (yazar arşivi) -------------------- */
.author-hero .author-thumb{border-radius:50%; box-shadow:0 6px 18px rgba(0,0,0,.08);}
.author-hero h1{font-size:24px; font-weight:700;}

/* -------------------- ÜST BOŞLUK UYUMU -------------------- */
.news-style-two.blog-grid.pt_150{padding-top:120px;}
.sidebar-page-container.pt_150{padding-top:120px;}
/* Önceki / Sonraki: sola toplanmayı kır */
.post-nav{display:flex !important; justify-content:space-between !important; flex-wrap:wrap;}

/* Yorum formu (WP default) */
.comment-respond input[type="text"],
.comment-respond input[type="email"],
.comment-respond input[type="url"],
.comment-respond textarea{
  width:100%; border:1px solid #e5e7eb; border-radius:12px; padding:12px 14px; outline:0;
}
.comment-respond textarea{min-height:140px; resize:vertical;}
.comment-respond .submit,
.comment-respond input[type="submit"]{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:10px 18px; border-radius:12px; border:0; background:var(--bsb-green); color:#fff; font-weight:700;
}
.comment-respond input[type="submit"]:hover{background:var(--bsb-green-700);}
/* —— FIX PACK ——————————————————————————————————— */

/* 1) Breadcrumb’daki link renginin bazı sayfalarda baskılanması */
.page-title .bread-crumb li,
.page-title .bread-crumb li a{color:#e5e7eb !important}

/* 2) Önceki / Sonraki düğmeleri net hizalama */
.post-nav,
.nav-siblings,
.prev-post,
.next-post{display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap}

/* 3) Yorum formu: satır aralığı ve “çerez” onayı */
.comment-respond .comment-form p{margin-bottom:14px}
.comment-respond .comment-form-cookies-consent{
  display:flex; align-items:center; gap:8px; font-size:14px; color:#4b5563
}
.comment-respond .form-submit{margin-top:10px}
.comment-respond .form-submit .submit{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:10px 18px; border-radius:12px; border:0; background:var(--bsb-green); color:#fff; font-weight:700
}
.comment-respond .form-submit .submit:hover{background:var(--bsb-green-700)}

/* 4) Eski “son yazılar” işaretlemesi hâlâ kullanılıyorsa da düzgün görünsün */
.blog-sidebar .post{display:grid; grid-template-columns:64px 1fr; gap:12px; align-items:center; margin-bottom:14px}
.blog-sidebar .post .post-thumb img{width:64px; height:64px; object-fit:cover; border-radius:12px; display:block}
.blog-sidebar .post h5{font-size:14px; font-weight:600; margin:0 0 4px; line-height:1.25}
.blog-sidebar .post .post-date{font-size:12px; color:var(--bsb-muted)}

/* 5) Blog grid’de iç kutunun görsele bindirmesi – küçük ekran düzeltmesi */
@media (max-width: 991px){
  .news-style-two.blog-grid .lower-content .inner{margin-top:12px}
  .news-style-two.blog-grid .image-box img{height:auto}
}

/* 6) Arama kutusu: bazı temalarda buton üst üste biniyordu */
.search-widget .search-form{position:relative}
.search-widget .search-field{padding-right:46px !important}
.search-widget .search-submit{
  position:absolute; right:6px; top:50%; transform:translateY(-50%);
  width:36px; height:36px; border-radius:10px; border:0; background:var(--bsb-green); color:#fff
}

/* 7) Etiket “chip”leri ve kategori listesinde sıkışma */
.tags-widget .tags-list{margin-top:6px}
.category-widget .category-list > li{margin-bottom:8px}