/* Tüm liste blokları kutu içinde düzgün gözüksün */
.iz-content ul.wp-block-list,
.iz-content ol.wp-block-list {
  list-style-position: inside;  /* işaret ve numara kutunun içine girsin */
  padding-left: 1.25rem;        /* metinle arasında mesafe olsun */
  margin-left: 0;               /* taşmayı engelle */
}

/* Liste elemanlarının aralığı */
.iz-content li {
  margin: .35em 0;
  line-height: 1.6;
}

/* Özel durum: paragrafa "•94103" gibi yazılmışsa */
.iz-content p {
  text-indent: 0;
  margin-left: 0;
  white-space: pre-wrap;        /* elle yazılan bullet’lar taşmasın */
}

/* Listelerin kutu içinde düzgün görünmesi */
.iz-content :where(ul, ol){
  list-style-position: inside;        /* ✅ madde işareti kutunun içine gelsin */
  padding-left: 1.25rem;              /* ✅ metin sol kenardan rahatlasın */
  margin-left: 0;                      /* dışa taşmayı önle */
}

.iz-content li{
  margin: .25rem 0;
  line-height: 1.5;
}

/* Gutenberg paragrafa yazılmış "• ..." satırları için küçük güvenlik payı */
.iz-content p{
  text-indent: 0;
  margin-left: 0;
  overflow-wrap: anywhere;
}



/* ==== Gutenberg + Classic editör listeleri (kutuda düzgün görünüm) ==== */
.iz-content :where(ul.wp-block-list, ol.wp-block-list, ul, ol){
  list-style-position: inside;        /* madde imi kutunun içinde kalsın */
  padding-left: 1.15rem;              /* az bir iç boşluk */
  margin: 14px 0;                     /* üst/alt nefes */
}

/* Kart görünümü — paragraflar gibi listeleri de kart yap */
.prose > :is(ul, ol){
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--r);
  padding: 12px 14px;
  box-shadow: 0 10px 26px rgba(0,0,0,.05);
}

/* Madde imleri ve satır aralığı */
.iz-content li{
  margin: .25rem 0;
  line-height: 1.65;
}
.iz-content li::marker{ color: var(--brand-ink); font-weight: 600; }

/* İç içe listelerde hiyerarşi */
.iz-content li > :where(ul, ol){
  margin: 6px 0 0 1rem;              /* bir seviye içe girsin */
}

/* Çok uzun kelimeler taşmasın (mobil) */
.iz-content :where(ul, ol){ overflow-wrap: anywhere; }

/* Editörde madde yerine paragrafa "• " yazılmış satırlar ufak emniyet */
.iz-content p{ text-indent: 0; margin-left: 0; overflow-wrap: anywhere; }








/* blog-single.css */
.iz-postnav{display:flex;justify-content:space-between;gap:12px;margin:22px 0}
.iz-postnav a{text-decoration:none;border:1px solid var(--line);border-radius:12px;padding:10px 12px;color:#0b2740;background:#fff;transition:.12s}
.iz-postnav a:hover{box-shadow:0 8px 18px rgba(0,0,0,.06);transform:translateY(-1px)}







/* ====== Design tokens ====== */
:root{
  --brand:#10b7c4; --brand-ink:#0f4c5c;
  --ink:#1f2937; --muted:#64748b;
  --card:#fff; --soft:#f7fbfc; --line:#eef2f7;
  --r:18px;

  /* Header yüksekliği + header’dan sonra bırakacağımız nefes payı */
  --header-h:100px;
  --head-gap:clamp(150px, 10vw + 60px, 200px);
}

/* Tema başlık/breadcrumb gizle (tekil yazıda) */
.single-post .page-title,
.single-post .breadcrumbs,
.single-post .entry-header{ display:none !important; }

/* Header hep üstte; opak zemin */
.site-header, #masthead, header.header, .header, .topbar{
  position: sticky; top:0; z-index:9999; background:#fff;
}
/* Admin bar varken top düzelt */
body.admin-bar .site-header, body.admin-bar #masthead{ top:32px; }
@media (max-width:782px){
  :root{ --header-h:80px; --head-gap:90px; }
  body.admin-bar .site-header, body.admin-bar #masthead{ top:46px; }
}

/* ====== Layout ====== */
.iz-layout{
  max-width:1200px; margin:0 auto; padding:0 16px 80px;
  display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:28px;
  margin-top:calc(var(--header-h) + var(--head-gap));
}
@media (max-width:1024px){ .iz-layout{ grid-template-columns:1fr } .iz-aside{ order:2 } }
.iz-body{ min-width:0 }

/* Aside: sticky ve header’a çarpmadan */
.single-post .iz-aside{
  position:sticky; top:calc(var(--header-h) + 16px);
  height:max-content; z-index:10;
}

/* ====== Hero ====== */
.iz-chip{
  display:inline-block; padding:.35rem .6rem; border-radius:999px;
  background:#eaf6f7; color:var(--brand-ink); font-weight:600;
}
.iz-title{
  margin:.5rem 0 .6rem; font-weight:800;
  font-size:clamp(26px, 2.2vw + 1rem, 44px); line-height:1.15; color:#0b2740;
}
.iz-meta{ color:var(--muted); display:flex; gap:8px; align-items:center; margin-bottom:8px; }
.iz-cover img{ width:100%; height:auto; border-radius:14px; margin:8px 0 16px; display:block; }

/* ====== Prose (kart kart paragraflar) ====== */
.prose{ font-size:18px; line-height:1.85; color:var(--ink); }
.prose > p{
  position:relative; background:var(--card); border:1px solid --var(line, #eef2f7);
  border:1px solid var(--line); border-radius:var(--r);
  padding:14px 18px; margin:14px 0; box-shadow:0 10px 26px rgba(0,0,0,.05);
}
/* yan parantez efekti */
.prose > p::before, .prose > p::after{
  content:""; position:absolute; top:10px; bottom:10px; width:12px; pointer-events:none;
}
.prose > p::before{
  left:-6px; border-left:3px solid var(--brand);
  background:linear-gradient(90deg,rgba(16,183,196,.12),transparent); border-radius:10px;
}
.prose > p::after{
  right:-6px; border-right:3px solid var(--brand);
  background:linear-gradient(270deg,rgba(16,183,196,.12),transparent); border-radius:10px;
}
/* lead paragraf */
.prose > p:first-of-type{ font-size:1.06em; color:#334155; }
.prose > p:first-of-type::first-letter{
  float:left; font-size:3.1rem; line-height:.9; font-weight:800; margin:.18rem .5rem 0 0; color:#0b2740;
}
/* başlıklar */
.prose h2{ margin:26px 0 10px; font-size:clamp(22px,1.2vw+1rem,32px); font-weight:800; color:#0b2740; }
.prose h3{ margin:20px 0 8px; font-size:clamp(19px,.9vw+.9rem,26px); font-weight:700; }
/* listeler, alıntı, tablo, görseller */
.prose ul,.prose ol{ margin:14px 0 14px 1.2rem; }
.prose ul li::marker{ color:var(--brand-ink); }
.prose blockquote{
  margin:16px 0; padding:14px 16px; border-left:5px solid var(--brand-ink);
  background:#f3fafb; border-radius:12px; color:#334155;
}
.prose table{ width:100%; border-collapse:collapse; margin:16px 0; background:#fff; border-radius:12px; overflow:hidden; }
.prose th,.prose td{ padding:10px 12px; border-bottom:1px solid var(--line); }
.prose thead th{ background:#f3fafb; color:#0b2740; text-align:left; }
.prose img{ max-width:100%; height:auto; border-radius:12px; display:block; }

/* ====== Sidebar kutuları ====== */
.iz-aside .iz-box{
  background:#fff; border:1px solid var(--line); border-radius:var(--r);
  padding:16px 16px; margin-bottom:16px; box-shadow:0 10px 26px rgba(0,0,0,.05);
}
.iz-aside h3{ margin:0 0 10px; font-size:1.05rem; color:#0b2740; }
.iz-list{ list-style:none; margin:0; padding:0; }
.iz-list li{ margin:8px 0; }
.iz-list a{ text-decoration:none; color:#0b2740; }
.iz-tags a{
  display:inline-block; margin:0 8px 8px 0; padding:.35rem .6rem; border-radius:999px;
  background:#f2fbfc; color:#0b2740; border:1px solid #e2f4f6;
}

/* ====== TOC (On this page) ====== */
.iz-toc{ margin-bottom:16px; }
.iz-toc .iz-toc__nav{ display:flex; flex-direction:column; gap:8px; }
.iz-toc .iz-toc__nav a{
  text-decoration:none; color:#0b2740; background:#fff; border:1px solid var(--line);
  border-radius:12px; padding:8px 10px; transition:transform .12s ease, box-shadow .12s ease;
}
.iz-toc .iz-toc__nav a:hover{ transform:translateY(-1px); box-shadow:0 8px 18px rgba(0,0,0,.06); }
.iz-toc .iz-toc__nav a.lvl-h3{ margin-left:12px; font-size:.95em; opacity:.9; }

/* ====== Share (sol yapışkan) ====== */
.iz-share{ position:sticky; top:120px; display:flex; flex-direction:column; gap:10px; margin-left:-56px; }
@media (max-width:1100px){ .iz-share{ display:none } }
.iz-share a{
  width:36px; height:36px; border-radius:999px; background:#eaf6f7; color:#0b2740;
  display:grid; place-items:center; text-decoration:none; border:1px solid #dfeef0; transition:transform .12s ease;
}
.iz-share a:hover{ transform:translateY(-2px); }

/* ====== Related ====== */
.iz-related{ margin-top:34px; }
.iz-related h3{ margin:0 0 10px; color:#0b2740; }
.iz-related__grid{ display:grid; gap:18px; grid-template-columns:repeat(3,minmax(0,1fr)); }
@media (max-width:900px){ .iz-related__grid{ grid-template-columns:1fr 1fr } }
@media (max-width:560px){ .iz-related__grid{ grid-template-columns:1fr } }
.iz-related .iz-card{ background:#fff; border:1px solid var(--line); border-radius:16px; overflow:hidden; box-shadow:0 10px 26px rgba(0,0,0,.05); }
.iz-related .iz-card img{ width:100%; display:block; }
.iz-related .iz-card h4{ padding:10px 12px; margin:0; color:#0b2740; font-size:1rem; }

/* ====== Animasyon (ufak) ====== */
.iz-section, .prose > p, .iz-box, .iz-related .iz-card{
  opacity:0; transform:translateY(8px); animation:izFade .35s ease forwards;
}
@keyframes izFade{ to{ opacity:1; transform:none } }











/* Share & aside hizalama — ikisi de header seviyesine göre başlasın */
:root{
  --sidebar-offset: 24px;                 /* sağ kolon ekstra aşağı kaydırma */
  --share-top: calc(var(--header-h) + 16px);
}

.iz-aside{ margin-top: var(--sidebar-offset); }
.iz-share{ top: var(--share-top); margin-top: var(--sidebar-offset); }

@media (max-width:1100px){ .iz-share{ display:none } }













/* Başlık boşluk ölçeği + anchor scroll mesafesi */
:root{
  --h2t: 38px; --h2b: 14px;
  --h3t: 28px; --h3b: 10px;
  --h4t: 20px; --h4b: 8px;
}

.iz-title{ margin: .6rem 0 .9rem }                         /* H1 */
.prose h2{ margin: var(--h2t) 0 var(--h2b) }
.prose h3{ margin: var(--h3t) 0 var(--h3b) }
.prose h4{ margin: var(--h4t) 0 var(--h4b) }

/* Paragraf/blockquote/listeden sonra gelen başlıkta biraz daha nefes */
.prose p + h2, .prose ul + h2, .prose ol + h2, .prose blockquote + h2{ margin-top: calc(var(--h2t) + 6px) }
.prose p + h3, .prose ul + h3, .prose ol + h3, .prose blockquote + h3{ margin-top: calc(var(--h3t) + 4px) }

/* TOC tıklayınca başlıklar header’a yapışmasın */
.prose h2, .prose h3, .prose h4{ scroll-margin-top: calc(var(--header-h) + 20px) }