/* ------------------------------
   BLOG / YAZI SAYFALARI (BASE)
--------------------------------*/
.blog-wrap{padding: calc(var(--header-h) + 4px) 0 12px; background: var(--bg);}
.blog-wrap .container{max-width:none;}
.blog-header{margin-bottom: 18px;}
.blog-title{font-size: clamp(22px, 2.2vw, 34px); margin:0 0 6px; color: var(--dark);}
.blog-desc{color: rgba(0,0,0,.65); max-width: 800px;}

.post-layout{display:grid; grid-template-columns: 1fr 320px; gap: 18px; align-items:start;}
@media (max-width: 980px){ .post-layout{grid-template-columns:1fr; } }

.post{background: var(--white); box-shadow: var(--shadow-soft); padding: 18px;}
.post-header{margin-bottom: 14px;}
.post-title{margin:0 0 8px; line-height:1.2; font-size: clamp(22px, 2vw, 34px); color: var(--dark);}
.post-meta{display:flex; flex-wrap:wrap; gap:8px; font-size: 13px; color: rgba(0,0,0,.6);}
.post-meta a{color: var(--primary); text-decoration:none;}
.post-meta a:hover{text-decoration:underline;}
.post-thumb{margin: 14px 0 0; overflow:hidden; border-radius: 14px;}
.post-thumb img{width:100%; height:auto; display:block;}

.post-content{margin-top: 14px;}
.post-content :is(h2,h3){margin-top: 18px;}
.post-content p{margin: 0 0 12px;}
.post-content ul,
.post-content ol{margin: 0 0 12px; padding-left: 1.2em;}
.post-content li{margin: 0 0 6px;}
.post-content img{max-width:100%; height:auto; border-radius: 12px;}

.post-tags{display:flex; flex-wrap:wrap; gap:8px; margin-top: 14px; padding-top: 14px; border-top: 1px solid rgba(0,0,0,.08);}
.post-tags__label{font-size: 13px; color: rgba(0,0,0,.65); margin-right: 4px;}
.tag{display:inline-flex; padding: 6px 10px; border-radius: 999px; background: rgba(14,58,101,.08); color: var(--primary); text-decoration:none; font-size: 13px;}
.tag:hover{background: rgba(14,58,101,.12);}

.post-sidebar .widget{background: var(--white); border-radius: var(--radius); box-shadow: var(--shadow-soft); padding: 14px; margin-bottom: 14px;}
.widget-title{
  margin:0 0 12px;
  font-size: 16px;
  font-weight: 900;
  border-left:4px solid var(--primary);
  padding-left:10px;
  line-height:1.15;
}
.widget ul{list-style:none; margin:0; padding:0; display:grid; gap: 8px;}
/* Normal bağlantılar koyu, ama buton linkleri (.btn) kendi rengini korusun */
.widget a:not(.btn){color: var(--dark); text-decoration:none;}
.widget a:not(.btn):hover{color: var(--primary);}

/* Sidebar CTA butonu görünürlüğü */
.widget_sidebar_cta .btn{color:#fff;}
.widget_sidebar_cta .btn:hover{color:#fff;}

/* Sidebar CTA butonu (kare ikon + tam genişlik) */
.widget_sidebar_cta .sidebar-cta__btn{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  margin-top:14px;
  padding:12px 14px;
  border-radius:14px;
  font-size:15px;
  font-weight:800;
  box-shadow: 0 10px 24px rgba(0,0,0,.10);
}
.widget_sidebar_cta .sidebar-cta p{margin:0;}
.widget_sidebar_cta .sidebar-cta__btn .btn-ico{
  width:40px;
  height:40px;
  border-radius:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background: rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.22);
  flex:0 0 40px;
}
.widget_sidebar_cta .sidebar-cta__btn .icon{
  width:20px;height:20px;
  color:#fff;
}
.widget_sidebar_cta .sidebar-cta__btn .btn-text{line-height:1;}

/* Blog sidebar: Arama + Kategoriler gizle (bileşen ekli olsa bile görünmesin) */
.post-sidebar .widget_search,
.post-sidebar .widget_categories{display:none !important;}

/* Mobilde yazılar tam genişlik */
@media (max-width: 560px){
  .blog-wrap .container{padding:0;}
  .post,
  .post-card{border-radius:0;}
}

/* Sayfalarda sidebar yok (tam genişlik) */
.post-main--full{width:100%}
.page-wrap .post-main{max-width: 100%}

@media (min-width: 969px){
  /* Masaüstü: fixed header (top:14px + 70px) ile çakışmayı önle */
    /* İçerik genişliği header bar ile hizalı olsun */
  .blog-wrap > .container{max-width: min(1320px, 96%);}
}