/*
  Roadmap — blog ve tek yazı stilleri
  Yalnızca blog listesi, arşiv ve yazı sayfalarında yüklenir.
*/

/* =========================================================
   BLOG — LİSTE (kart ızgarası)
   ========================================================= */
.blog .site-main,.archive .site-main,.search-results .site-main{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;align-items:start}
.blog .site-main > .paging-navigation,.archive .site-main > .paging-navigation,.blog .site-main > .page-header,.archive .site-main > .page-header{grid-column:1/-1}
.blog article.post,.archive article.post,.search-results article{margin:0!important}
.blog .inside-article,.archive .inside-article,.search-results .inside-article{background:var(--card);border:1px solid var(--line);border-radius:22px;overflow:hidden;padding:0!important;height:100%;display:flex;flex-direction:column;transition:transform .25s,border-color .25s,box-shadow .25s}
.blog .inside-article:hover,.archive .inside-article:hover{transform:translateY(-5px);border-color:rgba(224,27,34,.3);box-shadow:0 18px 40px rgba(20,19,18,.07)}
.blog .post-image,.archive .post-image{margin:0}
.blog .post-image img,.archive .post-image img{width:100%;height:200px;object-fit:cover;display:block}
.blog .entry-header,.archive .entry-header{padding:22px 24px 0}
.blog .entry-title,.archive .entry-title{font-family:var(--font-display);font-weight:800;font-size:20px;line-height:1.25;letter-spacing:-.02em;margin:0}
.blog .entry-title a,.archive .entry-title a{color:var(--ink);transition:color .2s}
.blog .entry-title a:hover,.archive .entry-title a:hover{color:var(--red)}
.blog .entry-meta,.archive .entry-meta{font-family:var(--font-mono);font-size:11px;color:var(--graysoft);padding:0 24px;margin-top:10px}
.blog .entry-meta a,.archive .entry-meta a{color:var(--graysoft)}
.blog .entry-summary,.archive .entry-summary,.blog .entry-content,.archive .entry-content{padding:12px 24px 0;color:var(--slate);font-size:14px;line-height:1.65;margin:0}
.blog .read-more-container,.archive .read-more-container{padding:16px 24px 24px;margin-top:auto;border-top:0}
.blog .read-more,.archive .read-more{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:12px;color:var(--red)}
.blog .read-more:after,.archive .read-more:after{content:"→";transition:transform .25s;display:inline-block}
.blog .inside-article:hover .read-more:after{transform:translateX(4px)}

/* Blog başlık bandı */
.blog .page-header,.archive .page-header{background:none;border:0;padding:0 0 8px}
.blog .page-title,.archive .page-title{font-family:var(--font-display);font-weight:900;font-size:clamp(30px,4.5vw,44px);letter-spacing:-.03em}

/* Sayfalama */
.paging-navigation .nav-links{display:flex;gap:8px;justify-content:center;margin-top:16px}
.paging-navigation .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:var(--card);font-family:var(--font-mono);font-size:13px;color:var(--slate);transition:border-color .2s,color .2s}
.paging-navigation .page-numbers:hover{border-color:var(--red);color:var(--red)}
.paging-navigation .page-numbers.current{background:var(--ink);border-color:var(--ink);color:#fff}

/* =========================================================
   BLOG DÜZELTMELERİ (v2.8.1)
   ========================================================= */

/* Yazı içindeki butonlar link rengini almasın (kırmızı üstüne kırmızı yazı sorunu) */
.single-post .entry-content .rm-btn,
.entry-content .rm-btn{text-decoration:none!important}
.entry-content .rm-btn-primary,.rm-post-cta .rm-btn-primary{color:#fff!important;background:var(--red)}
.entry-content .rm-btn-dark{color:#fff!important;background:var(--ink)}
.entry-content .rm-btn-outline{color:var(--ink)!important}
.entry-content .rm-btn-ghost{color:#fff!important}

/* Yazı sonu CTA — daha tasarımlı */
.rm-post-cta{position:relative;overflow:hidden;padding:40px 34px;background:linear-gradient(180deg,#1A1815,var(--ink))}
.rm-post-cta::before{content:"";position:absolute;inset:0;background:radial-gradient(420px 200px at 80% 0%,rgba(224,27,34,.22),transparent 65%);pointer-events:none}
.rm-post-cta > *{position:relative}
.rm-post-cta-pill{display:inline-block;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#fff;background:rgba(224,27,34,.9);padding:6px 14px;border-radius:999px;margin-bottom:16px}
.rm-post-cta .rm-btn{display:inline-flex;align-items:center;gap:8px}

/* Kategori / etiket satırı — kırmızı mono yerine şık etiketler */
.single-post .entry-meta,.single-post footer.entry-meta{font-family:var(--font-mono);font-size:12px;color:var(--graysoft);display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.single-post footer.entry-meta .cat-links,
.single-post footer.entry-meta .tags-links{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.single-post footer.entry-meta a{display:inline-block;color:var(--slate)!important;background:var(--band);border:1px solid var(--line);border-radius:999px;padding:5px 12px;font-size:11px;text-decoration:none;transition:border-color .2s,color .2s,background .2s}
.single-post footer.entry-meta a:hover{color:var(--red)!important;border-color:rgba(224,27,34,.4);background:rgba(224,27,34,.06)}

/* Yazı navigasyonu — etiketli ve okunaklı */
.post-navigation .nav-previous a::before{content:"← Önceki yazı";display:block;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--graysoft);margin-bottom:8px}
.post-navigation .nav-next a::before{content:"Sonraki yazı →";display:block;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--graysoft);margin-bottom:8px}
.post-navigation a{text-decoration:none!important;line-height:1.4}

/* Yorumlar alanı */
.comments-area{max-width:780px;margin:48px auto 0;padding-top:36px;border-top:1px solid var(--line)}
.comments-title,.comment-reply-title{font-family:var(--font-display);font-weight:800;font-size:clamp(20px,3vw,26px)!important;letter-spacing:-.02em;margin-bottom:20px}
.comment-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}
.comment-body{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px}
.comment-author .fn{font-family:var(--font-display);font-weight:700;font-size:15px}
.comment-metadata{font-family:var(--font-mono);font-size:11px;color:var(--graysoft)}
.comment-content{font-size:15px;line-height:1.7;color:var(--slate);margin-top:10px}
.comment-reply-link{font-family:var(--font-mono);font-size:12px;color:var(--red)!important;text-decoration:none!important}
.comment-respond{margin-top:28px;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:28px}
.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url],.comment-form textarea{width:100%;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:12px 14px;font-family:var(--font-sans);font-size:15px}
.comment-form input:focus,.comment-form textarea:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 3px rgba(224,27,34,.12)}
.comment-form label{font-family:var(--font-display);font-weight:600;font-size:13px;display:inline-block;margin-bottom:6px}
.comment-form .submit{background:var(--red);color:#fff;border:0;border-radius:999px;padding:13px 26px;font-family:var(--font-display);font-weight:600;font-size:15px;cursor:pointer;transition:transform .2s,box-shadow .2s}
.comment-form .submit:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(224,27,34,.3)}

/* =========================================================
   TEK YAZI — okuma genişliği (GP kapsayıcı ayarından bağımsız)
   ========================================================= */
.single-post .entry-header,
.single-post .entry-content,
.single-post .post-image,
.single-post footer.entry-meta,
.single-post .entry-tags,
.single-post .post-navigation,
.single-post .comments-area,
.single-post .rm-post-cta{max-width:780px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px;box-sizing:border-box}
.single-post .entry-content > .alignwide{max-width:960px;margin-left:auto;margin-right:auto}
.single-post .entry-content > .alignfull{max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding-left:0;padding-right:0}

/* Öne çıkan görsel: dev olmasın, orantılı dursun */
.single-post .post-image{margin-top:26px}
.single-post .post-image img{width:100%;max-height:460px;object-fit:cover;border-radius:24px}

/* Başlık bandı biraz nefes alsın */
.single-post .entry-header{padding-top:40px}
.single-post .entry-meta{justify-content:center}

@media(max-width:600px){
  .single-post .entry-header,.single-post .entry-content,.single-post .post-image,
  .single-post .post-navigation,.single-post .comments-area,.single-post .rm-post-cta{padding-left:20px;padding-right:20px}
  .single-post .post-image img{max-height:280px}
}

/* Blog listesi de kapsayıcıdan bağımsız hizalansın */
.blog .site-main,.archive .site-main,.search-results .site-main{max-width:var(--maxw);margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px;box-sizing:border-box}

/* =========================================================
   v2.8.3 — GP'nin gerçek sınıf adlarına göre düzeltme
   (öne çıkan görsel .post-image değil, .featured-image)
   ========================================================= */
.single-post .featured-image,
.single-post .featured-image.grid-container,
.single-post .page-header-image-single{max-width:780px;margin:26px auto 0;padding:0 24px;box-sizing:border-box}
.single-post .featured-image img{width:100%;max-height:420px;object-fit:cover;border-radius:24px;display:block}
@media(max-width:600px){
  .single-post .featured-image,.single-post .page-header-image-single{padding:0 20px}
  .single-post .featured-image img{max-height:240px}
}

/* Blog listesindeki kart görselleri de GP sınıfıyla */
.blog .featured-image,.archive .featured-image{margin:0}
.blog .featured-image img,.archive .featured-image img{width:100%;height:200px;object-fit:cover;display:block;border-radius:0}