/* Görsel düzenleyici blokları ve blog listesi şablonları.
   Renkler temadan gelir (--accent / --ink / --bg); tema tanımlamıyorsa yedek değerler kullanılır. */

/* ---------- Blog listesi şablonları (işaretleme aynı, yalnız düzen değişir) ---------- */
main [class*="cms-pl-"] .post-grid{display:grid!important;gap:clamp(1rem,2.2vw,1.6rem)!important}
main .cms-pl-grid3 .post-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
main .cms-pl-grid2 .post-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
main .cms-pl-grid2 .post-card .post-media{aspect-ratio:16/9}

/* Liste: foto solda, başlık + özet sağda */
main .cms-pl-list .post-grid{grid-template-columns:minmax(0,1fr)!important}
main .cms-pl-list .post-card{flex-direction:row!important;align-items:stretch}
main .cms-pl-list .post-card .post-media{flex:0 0 min(36%,340px);aspect-ratio:4/3;height:auto}
main .cms-pl-list .post-card .post-body{justify-content:center}

/* Tek sütun: büyük foto üstte, başlık altta */
main .cms-pl-stack .post-grid{grid-template-columns:minmax(0,1fr)!important;max-width:860px;margin-inline:auto}
main .cms-pl-stack .post-card .post-media{aspect-ratio:16/8}
main .cms-pl-stack .post-card h3{font-size:clamp(1.3rem,2.4vw,1.8rem)}

/* Öne çıkan: ilk yazı büyük, diğerleri yanda liste */
main .cms-pl-featured .post-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)!important;grid-auto-rows:auto}
main .cms-pl-featured .post-card:first-child{grid-row:span 4}
main .cms-pl-featured .post-card:first-child .post-media{aspect-ratio:4/3}
main .cms-pl-featured .post-card:first-child h3{font-size:clamp(1.3rem,2.2vw,1.7rem)}
main .cms-pl-featured .post-card:not(:first-child){flex-direction:row!important;align-items:center}
main .cms-pl-featured .post-card:not(:first-child) .post-media{flex:0 0 34%;aspect-ratio:1;align-self:stretch}
main .cms-pl-featured .post-card:not(:first-child) p,main .cms-pl-featured .post-card:not(:first-child) .post-more{display:none}
main .cms-pl-featured .post-card:not(:first-child) .post-body{padding:.8rem 1rem;gap:.35rem}

/* Foto üstünde başlık */
main .cms-pl-overlay .post-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
main .cms-pl-overlay .post-card{position:relative;color:#fff!important;min-height:340px;background:#222}
main .cms-pl-overlay .post-card .post-media{position:absolute;inset:0;aspect-ratio:auto;height:100%}
main .cms-pl-overlay .post-card .post-body{position:relative;margin-top:auto;flex:0 0 auto;background:linear-gradient(transparent,rgba(0,0,0,.78) 38%);padding-top:3.5rem}
main .cms-pl-overlay .post-card *{color:#fff!important}
main .cms-pl-overlay .post-card p,main .cms-pl-overlay .post-card .post-more{display:none!important}

/* Sadece başlıklar: tarih + başlık satırları */
main .cms-pl-titles .post-grid{grid-template-columns:minmax(0,1fr)!important;gap:0!important;max-width:900px}
main .cms-pl-titles .post-card{flex-direction:row!important;background:none!important;border:0!important;border-bottom:1px solid color-mix(in srgb,var(--ink,#222) 14%,transparent)!important;border-radius:0!important;box-shadow:none!important;transform:none!important}
main .cms-pl-titles .post-card .post-media,main .cms-pl-titles .post-card p,main .cms-pl-titles .post-card .post-more{display:none!important}
main .cms-pl-titles .post-card .post-body{flex-direction:row;align-items:baseline;gap:1rem;padding:1rem .2rem}
main .cms-pl-titles .post-card .post-meta{flex:0 0 9rem;order:0}
main .cms-pl-titles .post-card h3{order:1;margin:0}
main .cms-pl-titles .post-card:hover h3{color:var(--accent,#4b2df0)}

@media (max-width:900px){
  main .cms-pl-grid3 .post-grid,main .cms-pl-overlay .post-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  main .cms-pl-featured .post-grid{grid-template-columns:minmax(0,1fr)!important}
  main .cms-pl-featured .post-card:first-child{grid-row:auto}
}
@media (max-width:640px){
  main .cms-pl-grid3 .post-grid,main .cms-pl-grid2 .post-grid,main .cms-pl-overlay .post-grid{grid-template-columns:minmax(0,1fr)!important}
  main .cms-pl-list .post-card .post-media{flex-basis:38%;aspect-ratio:1}
  main .cms-pl-list .post-card p{display:none}
  main .cms-pl-list .post-card .post-body{padding:.8rem;gap:.35rem}
  main .cms-pl-titles .post-card .post-body{flex-direction:column;gap:.2rem}
  main .cms-pl-titles .post-card .post-meta{flex:none}
}

/* ---------- Eklenen bloklar ---------- */
.cms-blk{box-sizing:border-box}
.cms-blk h2{margin:0 0 .6em}
.cms-blk .cms-tx{line-height:1.7;max-width:72ch}
.cms-blk-text.cms-al-center .cms-in{text-align:center;margin-inline:auto}
.cms-blk-text.cms-al-center .cms-tx{margin-inline:auto}
.cms-blk-imgtext{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1.2rem,4vw,3.5rem);align-items:center}
.cms-blk-imgtext.cms-side-right .cms-fig{order:2}
.cms-fig{margin:0}
.cms-fig img{display:block;width:100%;height:auto;border-radius:var(--radius,0)}
.cms-blk-imgtext .cms-fig img{aspect-ratio:4/3;object-fit:cover}
.cms-blk-image figcaption{font-size:.9em;opacity:.7;text-align:center;margin-top:.6em}
.cms-blk-image.cms-w-normal .cms-fig{max-width:760px;margin-inline:auto;padding-inline:clamp(16px,4vw,32px)}
.cms-blk-image.cms-w-wide .cms-fig{max-width:1200px;margin-inline:auto;padding-inline:clamp(16px,4vw,32px)}
.cms-blk-image.cms-w-full .cms-fig img{border-radius:0;max-height:80vh;object-fit:cover}
.cms-btn{display:inline-flex;align-items:center;gap:.5em;margin-top:1.2em;padding:.85em 1.5em;background:var(--accent,#4b2df0);color:var(--bg,#fff)!important;font-weight:700;text-decoration:none!important;border-radius:var(--radius,0);transition:filter .2s,transform .2s}
.cms-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}
.cms-blk-cta .cms-in{background:color-mix(in srgb,var(--accent,#4b2df0) 10%,var(--bg,#fff));border-left:4px solid var(--accent,#4b2df0);padding:clamp(1.4rem,4vw,3rem);text-align:center}
.cms-blk-cta .cms-tx{margin:0 auto}
.cms-sp-s{height:clamp(16px,2vw,24px)}.cms-sp-m{height:clamp(32px,5vw,64px)}.cms-sp-l{height:clamp(64px,10vw,128px)}
.cms-dv hr{border:0;border-top:1px solid color-mix(in srgb,var(--ink,#222) 15%,transparent);margin:clamp(1rem,3vw,2rem) 0}
.cms-blk-html iframe{max-width:100%}
@media (max-width:760px){
  .cms-blk-imgtext{grid-template-columns:minmax(0,1fr)}
  .cms-blk-imgtext.cms-side-right .cms-fig{order:0}
}
.cms-blk-imgtext.cms-noimg{grid-template-columns:minmax(0,1fr)}

/* <picture> düzeni bozmasın: içindeki img doğrudan kapsayıcının çocuğu gibi davranır */
picture.cms-pic{display:contents}

/* ---------- Yazı içi görseller: hizalama + genişlik (editörden) ----------
   Masaüstünde sola/sağa yaslı görselin yanından metin akar; telefonda her zaman ortalanır,
   yanından metin akmaz ve eklendiği başlığın hemen altında kalır. */
.post-content figure[data-align]{margin-block:.4em 1.2em}
.post-content figure[data-align] img{display:block;width:100%;height:auto}
.post-content figure.fig-center{width:var(--w,100%);max-width:100%;margin-inline:auto}
.post-content figure.fig-left{float:left;width:var(--w,45%);margin:.3em 1.6em 1em 0}
.post-content figure.fig-right{float:right;width:var(--w,45%);margin:.3em 0 1em 1.6em}
.post-content figure.fig-left figcaption,.post-content figure.fig-right figcaption{text-align:left}
/* Yeni bölüm başlığı, tablo ve bloklar akan görselin altına geçer */
.post-content h2,.post-content h3,.post-content h4,.post-content table,.post-content details,.post-content .cms-embed,.post-content .post-embed{clear:both}
.post-content::after{content:"";display:block;clear:both}
@media (max-width:640px){
  .post-content figure.fig-left,.post-content figure.fig-right,.post-content figure.fig-center{float:none;width:max(var(--w,100%),78%);max-width:100%;margin:1em auto 1.2em}
  .post-content figure[data-align] figcaption{text-align:center}
}

/* ---------- Kod / kopyalanabilir alan ---------- */
.code-blk{margin:1.6em 0;background:#16181d;color:#e8e6df;overflow:hidden;position:relative;border-radius:var(--radius,0)}
.code-blk figcaption{display:flex;align-items:center;gap:10px;padding:8px 8px 8px 14px;background:#22252c;font:600 12px/1.2 ui-monospace,Consolas,monospace;color:#b9b5aa;margin:0!important;text-align:left!important}
.code-blk .code-lang{text-transform:uppercase;letter-spacing:.06em;color:#fff}
.code-blk .code-title{opacity:.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.code-blk .code-copy{margin-left:auto;flex:none;border:0;background:var(--accent,#4b2df0);color:#fff;font:700 12px/1 system-ui,sans-serif;padding:8px 12px;cursor:pointer;border-radius:var(--radius,0)}
.code-blk .code-copy.ok{background:#1faa59}
.code-blk pre{margin:0!important;padding:14px 16px!important;background:none!important;color:inherit!important;border-radius:0!important;overflow:auto;font:13.5px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace!important;tab-size:4;white-space:pre}
.code-blk[data-lang=text] pre{white-space:pre-wrap;word-break:break-word}
.code-blk code{font:inherit;background:none;color:inherit;padding:0}
.code-blk.fold:not(.open) pre{max-height:22.5em;overflow:hidden;-webkit-mask-image:linear-gradient(#000 70%,transparent);mask-image:linear-gradient(#000 70%,transparent)}
.code-blk .code-more{display:block;width:100%;border:0;border-top:1px solid #2c2f36;background:#1c1f25;color:#e8e6df;font:600 13px/1 system-ui,sans-serif;padding:12px;cursor:pointer}
.code-blk .code-more:hover{background:#262a32}
/* Ortalı görsel ve listeler/alıntılar/çizgiler kayan görselin üstüne binmesin */
.post-content figure.fig-center,.post-content hr,.post-content pre{clear:both}
.post-content ul,.post-content ol,.post-content blockquote{display:flow-root}