/*
Theme Name: daha.net Blog
Theme URI: https://www.daha.net/blog/
Description: daha.net kurumsal tasarımıyla giydirilmiş klasik blog teması. Liste sayfalarında 4 sütunlu (4×3, 12 yazı) kart grid'i ve sağda kategori sidebar'ı. Ana sitenin header/footer ve main.css'ini doğrudan kullanır; SEO'yu WordPress + SEO eklentisi yönetir.
Author: daha.net
Version: 1.1
Requires at least: 5.0
Requires PHP: 7.4
Text Domain: dahanet-blog
*/

/* ── blog token'ları (gerekirse marka rengini buradan eşitle) ── */
body.dahanet-blog{--bl-ink:#0c2740;--bl-mut:#64748b;--bl-soft:#475569;--bl-line:#e6ebf2;--bl-accent:#1f6fff;--bl-bg:#f7f9fc}
body.dahanet-blog .blog{background:var(--bl-bg)}

/* genişlik: site .container'ını kullanır; liste sayfası biraz daha geniş */
.blog-wrap{padding:34px 0 64px}
.container.blog-wrap{max-width:1280px}
.blog-head{text-align:center;max-width:760px;margin:0 auto 30px}
.blog-head .eyebrow{color:var(--bl-mut);font-size:.8rem;text-transform:uppercase;letter-spacing:.09em;margin:0 0 6px;font-weight:700}
.blog-head h1{font-family:'Outfit','Inter',system-ui,sans-serif;font-size:2rem;color:var(--bl-ink);margin:.1em 0 .3em;line-height:1.2}
.blog-head p.blog-sub{color:var(--bl-soft);margin:0}

/* ── 2 sütunlu düzen: içerik + sağ sidebar ── */
.blog-layout{display:grid;grid-template-columns:minmax(0,1fr) 268px;gap:30px;align-items:start}
.blog-main{min-width:0}

/* ── kart grid'i: 4 sütun (4×3 = 12) ── */
.post-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.blog-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--bl-line);border-radius:14px;overflow:hidden;transition:.15s}
.blog-card:hover{box-shadow:0 10px 30px rgba(15,30,60,.08);transform:translateY(-2px)}
.blog-thumb{display:block}
.blog-thumb img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block}
.blog-card-body{display:flex;flex-direction:column;flex:1;padding:14px 16px 16px}
.blog-meta{color:var(--bl-mut);font-size:.74rem;margin-bottom:7px;line-height:1.4}
.blog-meta a{color:var(--bl-accent);text-decoration:none}
.blog-card-title{font-family:'Outfit','Inter',system-ui,sans-serif;font-size:1.02rem;line-height:1.3;margin:0 0 8px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.blog-card-title a{color:var(--bl-ink);text-decoration:none}
.blog-card-title a:hover{color:var(--bl-accent)}
.blog-excerpt{color:var(--bl-soft);font-size:.86rem;line-height:1.55;margin:0 0 14px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.blog-card .btn{margin-top:auto;align-self:flex-start}

/* ── sağ sidebar / kategoriler ── */
.blog-sidebar{position:sticky;top:90px}
.blog-widget{background:#fff;border:1px solid var(--bl-line);border-radius:14px;padding:18px 18px 14px}
.blog-widget-title{font-family:'Outfit','Inter',sans-serif;font-size:1.05rem;color:var(--bl-ink);margin:0 0 12px;padding-bottom:11px;border-bottom:1px solid var(--bl-line)}
.blog-cats{list-style:none;margin:0;padding:0}
.blog-cats li{display:flex;flex-wrap:wrap;align-items:center;gap:8px;border-bottom:1px solid var(--bl-line)}
.blog-cats li:last-child{border-bottom:0}
.blog-cats li a{flex:1;min-width:0;padding:9px 2px;color:var(--bl-soft);text-decoration:none;font-size:.92rem;transition:.12s}
.blog-cats li a:hover{color:var(--bl-accent)}
.blog-cats .cat-count{flex:none;background:#eef3ff;color:var(--bl-accent);font-size:.72rem;font-weight:700;padding:2px 9px;border-radius:99px}
.blog-cats .children{flex-basis:100%;list-style:none;margin:0;padding-left:12px}

/* ── tekil yazı ── */
.blog-single{max-width:760px;margin:0 auto}
.blog-bc{font-size:.84rem;color:var(--bl-mut);margin-bottom:16px}
.blog-bc a{color:var(--bl-mut);text-decoration:none}
.blog-bc a:hover{color:var(--bl-accent)}
.blog-single-head{margin-bottom:18px}
.blog-single-head h1{font-family:'Outfit','Inter',system-ui,sans-serif;font-size:2.1rem;line-height:1.18;color:var(--bl-ink);margin:.15em 0 0}
.blog-hero-img{margin:0 0 26px}
.blog-hero-img img{width:100%;height:auto;border-radius:16px;display:block}
.blog-content{font-size:1.06rem;line-height:1.8;color:#23324a}
.blog-content p{margin:0 0 1.15em}
.blog-content h2{font-family:'Outfit',sans-serif;font-size:1.5rem;margin:1.6em 0 .5em;color:var(--bl-ink)}
.blog-content h3{font-family:'Outfit',sans-serif;font-size:1.22rem;margin:1.4em 0 .4em;color:var(--bl-ink)}
.blog-content h2,.blog-content h3,.blog-content h4{scroll-margin-top:90px}
.blog-content a{color:var(--bl-accent)}
.blog-content img{max-width:100%;height:auto;border-radius:12px}
.blog-content ul,.blog-content ol{padding-left:1.4em;margin:0 0 1.15em}
.blog-content li{margin:.3em 0}
.blog-content blockquote{margin:1.4em 0;padding:.6em 1.2em;border-left:4px solid var(--bl-accent);background:#f1f5fb;border-radius:0 10px 10px 0;color:var(--bl-soft)}
.blog-content pre{background:#0f1b2d;color:#e6edf6;padding:16px;border-radius:12px;overflow:auto;font-family:'JetBrains Mono',monospace;font-size:.92em}
.blog-content code{background:#eef2f8;padding:.12em .4em;border-radius:6px;font-family:'JetBrains Mono',monospace;font-size:.92em}
.blog-content pre code{background:none;padding:0}
.blog-content table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}
.blog-content td,.blog-content th{border:1px solid var(--bl-line);padding:8px 10px}
.blog-content figure{margin:1.4em 0}
.blog-content figcaption{color:var(--bl-mut);font-size:.85rem;text-align:center;margin-top:6px}

.blog-tags{margin:28px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.blog-tags a{background:#eef3ff;color:var(--bl-accent);font-size:.8rem;padding:4px 11px;border-radius:99px;text-decoration:none}

.blog-nav{display:flex;justify-content:space-between;gap:14px;margin:34px 0 0;padding-top:22px;border-top:1px solid var(--bl-line)}
.blog-nav a{color:var(--bl-ink);text-decoration:none;font-weight:600;font-size:.92rem;max-width:46%}
.blog-nav a:hover{color:var(--bl-accent)}

/* ── sayfalama (WP .page-numbers) ── */
.blog-main .pagination,.blog-main .navigation{margin:30px 0 0}
.blog-wrap .nav-links{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.blog-wrap .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 12px;border:1px solid var(--bl-line);border-radius:10px;background:#fff;color:var(--bl-ink);text-decoration:none;font-weight:600}
.blog-wrap .page-numbers.current{background:var(--bl-accent);color:#fff;border-color:var(--bl-accent)}
.blog-wrap .page-numbers:hover:not(.current){border-color:var(--bl-accent);color:var(--bl-accent)}

/* ── arama / boş durum ── */
.blog-empty{margin:30px 0;text-align:center;color:var(--bl-mut)}
.blog-search{display:flex;gap:8px;max-width:520px;margin:0 auto 26px}
.blog-search input{flex:1;padding:13px 16px;border:1px solid var(--bl-line);border-radius:10px;font-size:1rem}
.blog-search button{padding:0 20px;border:0;background:var(--bl-accent);color:#fff;border-radius:10px;font-weight:600;cursor:pointer}

/* ── yorumlar (sade) ── */
.blog-comments{max-width:760px;margin:40px auto 0}
.blog-comments h2{font-family:'Outfit',sans-serif;font-size:1.3rem;color:var(--bl-ink)}
.blog-comments .comment-list{list-style:none;padding:0;margin:0 0 24px}
.blog-comments .comment-list li{border:1px solid var(--bl-line);border-radius:12px;padding:14px 16px;margin-bottom:12px}

/* ── responsive: 4 → 3 → 2 → 1 sütun, sidebar mobilde alta ── */
@media(max-width:1180px){.post-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:920px){
  .blog-layout{grid-template-columns:1fr;gap:34px}
  .blog-sidebar{position:static}
  .post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .blog-head h1{font-size:1.6rem}
  .blog-single-head h1{font-size:1.6rem}
}
@media(max-width:520px){.post-grid{grid-template-columns:1fr}}

/* ── SADE FOOTER: ana site footer'ındaki pazarlama widget'larını gizle ── */
/* (çerez bildirimi yasal olduğu için açık bırakıldı) */
body.dahanet-blog .dnL-stack,
body.dahanet-blog .dnpop-ov,
body.dahanet-blog .daha-chatgpt-btn,
body.dahanet-blog .daha-wa-btn{display:none!important}