/* === ÜRÜN KATEGORİ – CLEAN/FIX === */

/* Sol liste */
.service-sidebar .category-widget h3{font-size:20px;font-weight:700;margin:0 0 14px;}
.service-sidebar .category-widget .category-list{list-style:none;margin:0;padding:0;}
.service-sidebar .category-widget .category-list li{margin:0 0 12px;}
.service-sidebar .category-widget .category-list li a{
  display:flex;align-items:center;justify-content:space-between;
  background:#fff;border:1px solid rgba(0,0,0,.08);
  border-radius:10px;padding:14px 16px;color:#111;font-weight:600;text-decoration:none;
  box-shadow:0 6px 18px rgba(0,0,0,.05);transition:all .18s ease;
}
.service-sidebar .category-widget .category-list li a:hover{background:#e9f9ef;border-color:transparent;}
.service-sidebar .category-widget .category-list li a i{display:none!important;} /* sağdaki ikinci oku gizle */
.service-sidebar .category-widget .category-list li.current > a,
.service-sidebar .category-widget .category-list li.active  > a{background:#22c55e;color:#fff;border-color:transparent;}

/* Başlıklar – kalın */
.content-side h2,
.content-side h3{font-weight:800;}

/* Görsel/skeleton etkileşimi */
.mpro-hero-img img,.mpro-overview-img img{
  display:block;width:100%;height:auto;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.08);
}

/* Yeşil tikli madde işaretleri */
.mpro-bullet{list-style:none;margin:0;padding:0;}
.mpro-bullet li{display:flex;align-items:flex-start;gap:8px;margin:8px 0;}
.mpro-bullet li svg{width:18px;height:18px;flex:0 0 18px;}
.mpro-bullet li span{line-height:1.45;}

/* Çift CTA */
.mpro-dual-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px;}
.theme-btn-one{display:inline-flex;align-items:center;gap:8px;line-height:1;padding:12px 18px;border-radius:32px;
  font-weight:700;color:#fff;text-decoration:none;box-shadow:0 14px 28px rgba(0,0,0,.12);
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;}
.theme-btn-one:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(0,0,0,.18);filter:brightness(.95);}
.mpro-whatsapp{background:#22c55e;}
.mpro-phone-red{background-image:linear-gradient(135deg,#ff3b3b 0%, #a40000 100%);position:relative;overflow:hidden;}
.mpro-phone-red:before{content:"";position:absolute;inset:0;background:radial-gradient(100% 100% at 30% 0%,rgba(255,255,255,.22) 0%,rgba(255,255,255,0) 55%);
  mix-blend-mode:screen;pointer-events:none;}

/* “Sunulan Çözümler” kutuları – palet ikonlarıyla */
.mpro-feature-box{background:#f6f7f9;border:1px solid rgba(0,0,0,.06);border-radius:14px;padding:22px;text-align:center;}
.mpro-feature-icon{width:88px;height:88px;border-radius:999px;display:flex;align-items:center;justify-content:center;
  background:#22c55e;color:#fff;font-size:34px;box-shadow:0 10px 25px rgba(34,197,94,.35);margin:0 auto 12px;}
.mpro-bottom-note{margin-top:18px}

/* Boşlukları sıkılaştır (Sunulan Çözümler daha yukarı) */
.mpro-hero{padding-top:10px;padding-bottom:8px;}
.mpro-hero + .sec-pad{padding-top:14px;}
.sec-pad + .sec-pad-top{padding-top:16px;}  /* önce 26px idi */

/* Mobil */
@media (max-width:991.98px){
  .service-sidebar .category-widget .category-list li a{padding:12px 14px;}
  .mpro-feature-box{padding:18px;}
}
.page-title .bg-layer{
  position:absolute; inset:0;
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
}
.page-title .content-box{ position:relative; z-index:2; }
/* === Blog tekil (single) düzen düzeltmeleri === */
.image-box .date-badge{
  position:absolute; left:20px; bottom:20px;
  margin:0; padding:10px 14px; line-height:1;
  background:#22c55e; color:#fff; border-radius:10px;
  box-shadow:0 10px 20px rgba(0,0,0,.15);
  font-size:26px; font-weight:800;
}
.image-box .date-badge span{
  display:block; font-size:12px; font-weight:700; margin-top:4px; letter-spacing:.2px;
}

/* Meta satırı hizaları */
.post-info{ list-style:none; padding:0; margin:0 0 14px; display:flex; gap:16px; flex-wrap:wrap; }
.post-info li{ display:flex; align-items:center; gap:6px; font-weight:600; }
.post-info i{ opacity:.9; }

/* Etiket listesi */
.tags-list{ list-style:none; padding:0; margin:10px 0 0; display:flex; gap:8px; flex-wrap:wrap; }
.tags-list li a{
  display:inline-block; padding:8px 12px; border-radius:999px;
  background:#f1f5f9; color:#111; text-decoration:none; font-weight:600;
}
.tags-list li a:hover{ background:#e9f9ef; }

/* Grid görünüm boşluk uyumu (home/archive ile) */
.news-style-two.blog-grid .news-block-two .image-box img{ width:100%; height:auto; display:block; border-radius:12px; }
.pagination-wrapper .page-numbers{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 8px 20px rgba(0,0,0,.06);margin:0 6px;font-weight:700}
.pagination-wrapper .page-numbers.current{background:#22c55e;color:#fff;border-color:#22c55e}
.pagination-wrapper .page-numbers:hover{transform:translateY(-1px)}

/* Blog kartı ızgara ve Single düzeni */
.news-block-two .image-box img{display:block;width:100%;height:auto;aspect-ratio: 16/9;object-fit:cover;border-radius:14px}
.news-block-two .inner-box{border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,.06)}
/* === BLOG GRID & DETAIL TUNE-UP === */

/* Kartlar arası boşluk ve gölge */
.news-style-two.blog-grid .news-block-two .inner-box {
  border-radius: 14px;
  box-shadow: 0 15px 40px rgba(0,0,0,.08);
  overflow: hidden;
}

/* Kapak görseli tam en */
.news-style-two.blog-grid .news-block-two .image-box img {
  display:block;
  width:100%;
  height:auto;
}

/* Kart içi spacing */
.news-style-two.blog-grid .news-block-two .lower-content .inner {
  padding: 18px 20px 22px;
}

/* Tarih rozeti – grid kartlar */
.news-style-two.blog-grid .news-block-two .post-date {
  display:inline-block;
  background:#eafbef;
  color:#16a34a;
  font-weight:700;
  font-size:12px;
  padding:6px 10px;
  border-radius:8px;
  margin-bottom:8px;
}

/* Tekil yazı görselindeki tarih rozeti */
.date-badge {
  position:absolute;
  left:18px;
  bottom:18px;
  background:#16a34a;
  color:#fff;
  width:54px;
  height:54px;
  border-radius:50%;
  line-height:1.1;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:800;
  box-shadow:0 10px 25px rgba(22,163,74,.35);
}
.date-badge span {
  display:block;
  font-size:10px;
  font-weight:700;
  opacity:.9;
}

/* Sayfalama (numaralı) */
.pagination-wrapper .page-numbers {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:42px; height:42px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.08);
  background:#fff;
  margin:0 6px;
  box-shadow:0 6px 16px rgba(0,0,0,.06);
  text-decoration:none;
}
.pagination-wrapper .page-numbers.current {
  background:#16a34a;
  color:#fff;
  border-color:transparent;
}
.pagination-wrapper .page-numbers:hover { transform:translateY(-1px); }

/* Author intro */
.mpro-author-intro { font-size:14px; color:#444; }
.mpro-author-intro .sep { opacity:.5; margin:0 8px; }

/* Sidebar spacing fix */
.sidebar-page-container .blog-sidebar .sidebar-widget { margin-bottom:18px; }

/* === BLOG GRID & DETAIL TUNE-UP === */

/* Kartlar arası boşluk ve gölge */
.news-style-two.blog-grid .news-block-two .inner-box {
  border-radius: 14px;
  box-shadow: 0 15px 40px rgba(0,0,0,.08);
  overflow: hidden;
}

/* Kapak görseli tam en */
.news-style-two.blog-grid .news-block-two .image-box img {
  display:block;
  width:100%;
  height:auto;
}

/* Kart içi spacing */
.news-style-two.blog-grid .news-block-two .lower-content .inner {
  padding: 18px 20px 22px;
}

/* Tarih rozeti – grid kartlar */
.news-style-two.blog-grid .news-block-two .post-date {
  display:inline-block;
  background:#eafbef;
  color:#16a34a;
  font-weight:700;
  font-size:12px;
  padding:6px 10px;
  border-radius:8px;
  margin-bottom:8px;
}

/* Tekil yazı görselindeki tarih rozeti */
.date-badge {
  position:absolute;
  left:18px;
  bottom:18px;
  background:#16a34a;
  color:#fff;
  width:54px;
  height:54px;
  border-radius:50%;
  line-height:1.1;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:800;
  box-shadow:0 10px 25px rgba(22,163,74,.35);
}
.date-badge span {
  display:block;
  font-size:10px;
  font-weight:700;
  opacity:.9;
}

/* Sayfalama (numaralı) */
.pagination-wrapper .page-numbers {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:42px; height:42px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.08);
  background:#fff;
  margin:0 6px;
  box-shadow:0 6px 16px rgba(0,0,0,.06);
  text-decoration:none;
}
.pagination-wrapper .page-numbers.current {
  background:#16a34a;
  color:#fff;
  border-color:transparent;
}
.pagination-wrapper .page-numbers:hover { transform:translateY(-1px); }

/* Author intro */
.mpro-author-intro { font-size:14px; color:#444; }
.mpro-author-intro .sep { opacity:.5; margin:0 8px; }

/* Sidebar spacing fix */
.sidebar-page-container .blog-sidebar .sidebar-widget { margin-bottom:18px; }
/* Blog Grid spacing */
.news-style-two .news-block { margin-bottom: 30px; }

/* Paginasyon hizalama ve buton görünümleri */
.pagination-wrapper .page-numbers { display:inline-flex; align-items:center; justify-content:center; min-width:40px; height:40px; padding:0 10px; border-radius:8px; margin:0 4px; text-decoration:none; }
.pagination-wrapper .page-numbers.current { background:#22c55e; color:#fff; }
.pagination-wrapper .page-numbers:hover { background:#e9f9ef; }

/* Single tarih rozeti (kapak üzerinde sol-alt) */
.date-badge {
  position:absolute; left:20px; bottom:20px; margin:0;
  background:#111; color:#fff; padding:10px 12px; border-radius:10px; line-height:1; font-size:24px;
}
.date-badge span { display:block; font-size:13px; opacity:.9; margin-top:4px; }
/* ==========================================================================
   BSB BLOG & SINGLE — Son Stabil Sürüm (Temiz + Uyumlu)
   ========================================================================== */

/* RENK DEĞERLERİ */
:root{
  --bsb-green: #22c55e;
  --bsb-green-700: #16a34a;
  --bsb-dark: #111;
  --bsb-muted: #6b7280;
  --shadow-1: 0 8px 24px rgba(0,0,0,.08);
  --shadow-2: 0 14px 40px rgba(0,0,0,.10);
}

/* === BLOG GRID === */
.news-style-two.blog-grid .news-block-two .inner-box {
  border-radius: 14px;
  background:#fff;
  box-shadow: var(--shadow-1);
  transition: all .25s ease;
  overflow: hidden;
}
.news-style-two.blog-grid .news-block-two .inner-box:hover {
  transform: translateY(-3px);
  box-shadow: var(--shadow-2);
}
.news-style-two.blog-grid .news-block-two .image-box img {
  width: 100%; height: auto; display: block; object-fit: cover;
  border-radius: 12px 12px 0 0;
}
.news-style-two.blog-grid .news-block-two .lower-content .inner {
  padding: 20px 22px 26px; background:#fff;
}
.news-style-two.blog-grid .news-block-two .post-date {
  display:inline-block;
  background:#eafbef; color:var(--bsb-green-700);
  font-weight:700; font-size:12px; padding:6px 10px;
  border-radius:8px; margin-bottom:8px;
}

/* === SINGLE === */
.sidebar-page-container .image-box figure img {
  width:100%; height:auto; border-radius:14px; box-shadow:var(--shadow-1);
}
.date-badge {
  position:absolute; left:20px; bottom:20px;
  background:var(--bsb-green);
  color:#fff; width:60px; height:60px;
  border-radius:50%; display:flex; flex-direction:column;
  align-items:center; justify-content:center;
  font-weight:800; box-shadow:0 10px 25px rgba(34,197,94,.35);
}
.date-badge span { font-size:12px; text-transform:uppercase; opacity:.9; }
.blog-details-content h1 { font-size:28px; font-weight:800; margin:10px 0 16px; }
.blog-details-content .entry-content p { color:#374151; margin-bottom:16px; }
.blog-details-content blockquote {
  margin:20px 0; padding:20px; border-left:4px solid var(--bsb-green);
  background:#f6fff9; border-radius:12px;
}
.tags-list { display:flex; flex-wrap:wrap; gap:8px; margin-top:20px; }
.tags-list a {
  background:#f3f4f6; padding:6px 12px; border-radius:999px;
  color:#111827; font-size:13px; font-weight:500; text-decoration:none;
}
.tags-list a:hover { background:var(--bsb-green); color:#fff; }

/* === ÖNCEKİ / SONRAKİ YAZI === */
.post-nav { display:flex; justify-content:space-between; flex-wrap:wrap; margin-top:32px; gap:16px; }
.post-nav a {
  border:1px solid #e5e7eb; background:#fff; border-radius:12px; padding:10px 14px;
  font-weight:600; color:#111; display:inline-flex; align-items:center; gap:8px;
  text-decoration:none; transition: all .2s ease;
}
.post-nav a:hover { border-color:var(--bsb-green); color:var(--bsb-green-700); }

/* === AUTHOR === */
.author-hero {
  background:#fff; border-radius:14px; padding:20px; margin-bottom:40px;
  box-shadow:var(--shadow-1); display:flex; align-items:center; gap:16px;
}
.author-hero .author-thumb {
  border-radius:50%; width:72px; height:72px; object-fit:cover;
  box-shadow:0 6px 18px rgba(0,0,0,.08);
}
.author-hero h1 { font-size:24px; font-weight:700; margin-bottom:4px; }
.author-hero p { margin:0; color:var(--bsb-muted); font-size:15px; }

/* === SIDEBAR === */
.blog-sidebar .sidebar-widget {
  background:#fff; border-radius:14px; padding:20px; box-shadow:var(--shadow-1);
  margin-bottom:20px;
}
.blog-sidebar .widget-title h3 { font-size:18px; font-weight:800; margin-bottom:14px; }
.search-widget .search-form { position:relative; }
.search-widget .search-field {
  width:100%; height:44px; border:1px solid #e5e7eb; border-radius:12px; padding:0 44px 0 14px;
}
.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;
}
.category-widget .category-list li a {
  display:block; background:#f9fafb; padding:10px 12px; border-radius:10px; color:#111827;
}
.category-widget .category-list li a:hover { background:#eef2ff; }
.post-mini { display:grid; grid-template-columns:64px 1fr; gap:12px; align-items:center; }
.post-mini .thumb img { width:64px; height:64px; border-radius:12px; object-fit:cover; }
.post-mini .title { font-size:14px; font-weight:600; margin:0 0 4px; }
.post-mini .date { font-size:12px; opacity:.7; }

/* === YORUM FORMU === */
.comment-respond input[type="text"],
.comment-respond input[type="email"],
.comment-respond textarea {
  width:100%; border:1px solid #e5e7eb; border-radius:12px; padding:12px 14px; margin-bottom:14px;
}
.comment-respond textarea { min-height:140px; resize:vertical; }
.comment-respond input[type="submit"] {
  background:var(--bsb-green); color:#fff; font-weight:700; padding:10px 18px;
  border:0; border-radius:12px; cursor:pointer; transition:background .2s ease;
}
.comment-respond input[type="submit"]:hover { background:var(--bsb-green-700); }

/* === PAGINATION === */
.pagination-wrapper { text-align:center; margin-top:40px; }
.pagination-wrapper .page-numbers {
  display:inline-flex; align-items:center; justify-content:center;
  width:42px; height:42px; border-radius:50%; border:1px solid rgba(0,0,0,.08);
  background:#fff; margin:0 6px; font-weight:700; color:var(--bsb-dark);
  box-shadow:0 6px 16px rgba(0,0,0,.06); text-decoration:none; transition:all .2s ease;
}
.pagination-wrapper .page-numbers.current {
  background:var(--bsb-green); color:#fff; border-color:transparent;
}
.pagination-wrapper .page-numbers:hover { background:#e9f9ef; transform:translateY(-1px); }

/* === SEARCH RESULTS === */
.search-results .news-block-two .inner-box { box-shadow:var(--shadow-1); border-radius:14px; }
.search-results .news-block-two .image-box img { border-radius:14px; height:220px; object-fit:cover; }

/* Hizalama ve boşluk düzeni - ürün kutuları */
.service-block-two .inner-box {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.service-block-two .lower-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.service-block-two .btn-box {
  margin-top: 15px;
}

.service-block-two .image-box img {
  display: block;
  margin: 0 auto 10px auto;
  border-radius: 8px;
}

/* Responsive küçük düzen */
@media(max-width:768px){
  .service-block-two .inner-box {
    text-align: center;
  }
}

/* Hero Slider Optimize */
.main-slider .slide-item {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  background-size: cover;
  background-position: center;
}
.main-slider .content-box {
  max-width: 700px;
  color: #fff;
  z-index: 2;
}
.main-slider .content-box h2 {
  font-size: 48px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 20px;
}
.main-slider .content-box p {
  font-size: 18px;
  line-height: 1.6;
  margin-bottom: 30px;
}
.main-slider .btn-box .theme-btn-one {
  background: var(--primary-color,#006838);
  color: #fff;
  padding: 14px 30px;
  border-radius: 4px;
  text-transform: uppercase;
  transition: all .3s ease;
}
.main-slider .btn-box .theme-btn-one:hover {
  background: var(--accent-color,#C1272D);
}