/* ============================================================================
 * Blog yazısı (CPT news) + statik sayfa — makale okuma düzeni.
 * Tasarım: "Blog Yazı" (özel tasarım) birebir. Tüm kurallar .bwrap altında
 * kapsüllendi → tema genelini etkilemez. Başlıklar Space Grotesk (--art-display).
 * ========================================================================== */
.bwrap{ --art-display:"Space Grotesk","Hanken Grotesk",sans-serif; }

/* breadcrumb */
.bwrap .crumb{ display:flex; align-items:center; gap:7px; font-size:11.5px; color:var(--faint); padding-top:16px; flex-wrap:wrap; }
.bwrap .crumb a:hover{ color:var(--muted); }
.bwrap .crumb svg{ opacity:.6; }

/* makale kabuğu — eski .article (max-width:820px; margin:0 auto) merkezlemesini ezer → tam genişlik */
.bwrap .article{ max-width:none; margin:0; min-width:0; padding:26px 0 10px; }

.bwrap .a-cat{ display:inline-flex; align-items:center; gap:7px; height:26px; padding:0 12px; border-radius:20px; background:rgba(232,162,60,.12); border:1px solid rgba(232,162,60,.32); color:#f3d39b; font-size:11px; font-weight:700; letter-spacing:.4px; text-transform:uppercase; }
.bwrap .a-title{ font-family:var(--art-display); font-weight:700; font-size:40px; line-height:1.12; letter-spacing:-.8px; color:#fff; margin:16px 0 14px; text-wrap:balance; }
.bwrap .a-dek{ font-family:var(--serif); font-size:16.5px; line-height:1.55; color:var(--muted); font-weight:400; }

/* künye (yazar + tarih + okuma süresi + paylaş) */
.bwrap .a-byline{ display:flex; align-items:center; gap:14px; margin-top:22px; padding:16px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.bwrap .a-byline .av{ width:42px; height:42px; flex:none; border-radius:50%; overflow:hidden; display:grid; place-items:center; font-size:14px; font-weight:700; color:#fff; background:linear-gradient(150deg,#c1574a,#8a3a30); }
.bwrap .a-byline .av img{ width:100%; height:100%; object-fit:cover; }
.bwrap .a-byline .who b{ display:block; font-size:13px; font-weight:700; color:#f1f1f2; }
.bwrap .a-byline .who span{ font-size:11.5px; color:var(--faint); }
.bwrap .a-byline .share{ margin-left:auto; display:flex; gap:8px; }
.bwrap .a-byline .share a,
.bwrap .a-byline .share button{ width:34px; height:34px; border-radius:9px; border:1px solid var(--line-2); background:rgba(255,255,255,.04); color:var(--muted); cursor:pointer; display:grid; place-items:center; transition:.15s; }
.bwrap .a-byline .share a:hover,
.bwrap .a-byline .share button:hover{ color:#fff; background:rgba(255,255,255,.08); }
.bwrap .a-byline .share button.copied{ color:var(--orange); border-color:var(--orange); }

/* kapak görseli */
.bwrap figure{ margin:0; }
.bwrap .cover{ position:relative; aspect-ratio:16/8; margin:26px 0 8px; border-radius:14px; overflow:hidden; border:1px solid var(--line);
  background:radial-gradient(120% 120% at 75% 12%, hsla(212,42%,42%,.7), transparent 55%), radial-gradient(100% 100% at 8% 92%, hsla(265,42%,40%,.55), transparent 60%), linear-gradient(160deg,#23262e,#101216); }
.bwrap .cover::after{ content:""; position:absolute; inset:0; background:repeating-linear-gradient(135deg, rgba(255,255,255,.02) 0 1px, transparent 1px 11px); pointer-events:none; }
.bwrap .cover img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:1; }
.bwrap .cover .cap{ position:absolute; left:0; right:0; bottom:0; z-index:2; padding:30px 20px 14px; background:linear-gradient(0deg, rgba(10,10,14,.85), transparent); font-size:11px; color:rgba(230,225,220,.7); }
.bwrap .a-figcap{ font-size:11.5px; color:var(--faint); text-align:center; margin-top:10px; font-style:italic; }

/* gövde tipografisi (serif) */
.bwrap .a-body{ font-family:var(--serif); font-size:15.5px; line-height:1.72; color:#d4d4d8; margin-top:24px; }
.bwrap .a-body p{ margin:0 0 17px; }
.bwrap .a-body.has-dropcap > p:first-of-type::first-letter{ float:left; font-family:var(--art-display); font-weight:700; font-size:50px; line-height:.84; padding:5px 11px 0 0; color:var(--orange); }
.bwrap .a-body h2{ font-family:var(--art-display); font-weight:700; font-size:22px; letter-spacing:-.4px; color:#fff; margin:30px 0 12px; }
.bwrap .a-body h3{ font-family:var(--art-display); font-weight:600; font-size:17.5px; color:#f1f1f2; margin:25px 0 9px; }
.bwrap .a-body a{ color:var(--orange); text-decoration:underline; text-underline-offset:2px; }
.bwrap .a-body strong{ color:#fff; font-weight:600; }
.bwrap .a-body ul{ margin:0 0 22px; padding-left:4px; list-style:none; }
.bwrap .a-body ol{ margin:0 0 22px 22px; }
.bwrap .a-body ol li{ margin-bottom:11px; }
.bwrap .a-body ul li{ position:relative; padding-left:24px; margin-bottom:11px; }
.bwrap .a-body ul li::before{ content:""; position:absolute; left:4px; top:11px; width:7px; height:7px; border-radius:2px; background:var(--orange); transform:rotate(45deg); }
.bwrap .a-body img{ max-width:100%; height:auto; border-radius:12px; margin:10px 0 22px; }
.bwrap .a-body blockquote{ margin:30px 0; padding:6px 0 6px 24px; border-left:3px solid var(--orange); }
.bwrap .a-body blockquote p{ font-family:var(--art-display); font-weight:500; font-size:20px; line-height:1.42; color:#fff; letter-spacing:-.3px; margin:0; }
.bwrap .a-body blockquote cite{ display:block; margin-top:10px; font-family:var(--sans); font-style:normal; font-size:12.5px; font-weight:600; color:var(--faint); }

/* opsiyonel editör bileşenleri (içerikte class ile kullanılabilir) */
.bwrap .a-quote{ margin:30px 0; padding:6px 0 6px 24px; border-left:3px solid var(--orange); }
.bwrap .a-quote p{ font-family:var(--art-display); font-weight:500; font-size:20px; line-height:1.42; color:#fff; letter-spacing:-.3px; margin:0; }
.bwrap .a-quote cite{ display:block; margin-top:10px; font-family:var(--sans); font-style:normal; font-size:12.5px; font-weight:600; color:var(--faint); }
.bwrap .a-pull{ margin:28px 0; padding:20px 22px; background:var(--bg-2); border:1px solid var(--line); border-radius:13px; }
.bwrap .a-pull .h{ display:flex; align-items:center; gap:9px; font-family:var(--sans); font-size:12px; font-weight:700; letter-spacing:.4px; text-transform:uppercase; color:var(--orange); margin-bottom:11px; }
.bwrap .a-pull p{ font-size:15px; line-height:1.7; color:var(--muted); margin:0; font-family:var(--sans); }

/* etiketler */
.bwrap .a-tags{ display:flex; flex-wrap:wrap; gap:8px; margin:30px 0; }
.bwrap .a-tags a{ height:30px; padding:0 13px; border-radius:8px; border:1px solid var(--line); background:var(--bg-2); color:var(--muted); font-size:12px; font-weight:600; display:inline-flex; align-items:center; transition:.14s; }
.bwrap .a-tags a:hover{ color:var(--ink); border-color:var(--line-2); }

/* yazar kutusu */
.bwrap .a-author{ display:flex; gap:16px; margin:8px 0 6px; padding:22px; border-radius:14px; background:var(--bg-2); border:1px solid var(--line); }
.bwrap .a-author .av{ width:60px; height:60px; flex:none; border-radius:50%; overflow:hidden; display:grid; place-items:center; font-size:20px; font-weight:800; color:#fff; background:linear-gradient(150deg,#c1574a,#8a3a30); }
.bwrap .a-author .av img{ width:100%; height:100%; object-fit:cover; }
.bwrap .a-author .ab .lbl{ font-size:10px; font-weight:700; letter-spacing:.5px; text-transform:uppercase; color:var(--faint); }
.bwrap .a-author .ab b{ display:block; font-size:16px; font-weight:700; color:#f1f1f2; margin:3px 0 6px; }
.bwrap .a-author .ab p{ font-size:12.5px; color:var(--muted); line-height:1.65; }

/* yorumlar arası boşluk (paylaşılan .cmt bloğu theme.css'ten gelir) */
.bwrap .bcomments{ margin-top:40px; }

/* ilgili yazılar */
.bwrap .related{ padding:44px 0 10px; }
.bwrap .related h2{ font-family:var(--art-display); font-weight:700; font-size:22px; letter-spacing:-.4px; color:#f2f2f3; margin-bottom:18px; }
.bwrap .rgrid{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.bwrap .rcard{ background:var(--bg-2); border:1px solid var(--line); border-radius:12px; overflow:hidden; transition:.2s; display:block; }
.bwrap .rcard:hover{ transform:translateY(-4px); border-color:var(--line-2); box-shadow:0 16px 34px -18px rgba(0,0,0,.75); }
.bwrap .rcard .rcov{ aspect-ratio:16/9; position:relative; border-bottom:1px solid var(--line); overflow:hidden;
  background:repeating-linear-gradient(135deg, rgba(255,255,255,.025) 0 1px, transparent 1px 9px), radial-gradient(120% 100% at 50% -10%, var(--t,rgba(150,95,72,.5)), transparent 60%), linear-gradient(158deg,#26222e,#13121a); }
.bwrap .rcard .rcov img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.bwrap .rcard .rb{ padding:14px 15px 16px; }
.bwrap .rcard .rc{ font-size:10.5px; font-weight:700; letter-spacing:.4px; text-transform:uppercase; color:var(--orange); }
.bwrap .rcard h3{ font-family:var(--art-display); font-weight:600; font-size:15px; line-height:1.32; color:#f1f1f2; margin:8px 0 0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.bwrap .rcard .rmeta{ font-size:11px; color:var(--faint); margin-top:9px; }

/* okuma ilerleme çubuğu (sayfa üstünde sabit) */
.kf-progress{ position:fixed; top:0; left:0; height:3px; width:0; background:linear-gradient(90deg,var(--orange),var(--orange-deep)); z-index:200; transition:width .1s linear; }

/* MOBİL */
@media (max-width:860px){ .bwrap .rgrid{ grid-template-columns:1fr 1fr; } }
@media (max-width:680px){
  .bwrap .a-title{ font-size:27px; }
  .bwrap .a-dek{ font-size:15.5px; }
  .bwrap .a-body{ font-size:15px; }
  .bwrap .a-body.has-dropcap > p:first-of-type::first-letter{ font-size:44px; }
  .bwrap .a-body blockquote p, .bwrap .a-quote p{ font-size:18px; }
  .bwrap .cover{ aspect-ratio:16/10; }
  .bwrap .a-author{ flex-direction:column; gap:13px; }
  .bwrap .rgrid{ grid-template-columns:1fr; }
}