/* BLOG (blog.html, blog-*.html — araclar/blog-uret.js üretir)
   Kapak slaytı dili: mor başlık bandı, lamba sarısı etiket, beyaz kartlar,
   okunaklı uzun metin (68ch). Masaüstü ve telefon aynı dosyada. */
.blg-bas,.blg-yazi-bas{background:var(--mor); color:#fff; padding:clamp(28px,4vw,56px) 0 clamp(28px,3.6vw,48px)}
.blg-bas .sayfa-izi,.blg-bas .sayfa-izi a,.blg-yazi-bas .sayfa-izi,.blg-yazi-bas .sayfa-izi a{color:rgba(255,255,255,.75)}
.blg-bas .sayfa-izi b,.blg-yazi-bas .sayfa-izi b{color:#fff}
.sayfa-izi svg{width:13px; height:13px; flex:none; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round}
.blg-ust{display:inline-block; font-size:12px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--lamba)}
.blg-bas h1,.blg-yazi-bas h1{margin:10px 0 0; max-width:24ch; font-size:clamp(28px,3.8vw,46px); font-weight:800; line-height:1.1; letter-spacing:-.02em; color:var(--lamba)}
.blg-bas p{margin:14px 0 0; max-width:62ch; font-size:clamp(15px,1.3vw,17px); line-height:1.6; color:rgba(255,255,255,.88)}
.blg-kategoriler{display:flex; flex-wrap:wrap; gap:8px}
.blg-kategoriler span{padding:5px 12px; border-radius:999px; background:rgba(255,255,255,.14); font-size:13px; font-weight:600; color:#fff}
.blg-et{display:inline-block; padding:4px 10px; border-radius:6px; background:#fff; color:var(--mor); font-size:12.5px; font-weight:700}
.blg-giris{margin:14px 0 0; max-width:62ch; font-size:clamp(16px,1.4vw,18px); line-height:1.6; color:rgba(255,255,255,.9)}
.blg-meta{margin:14px 0 0; font-size:13.5px; color:rgba(255,255,255,.72)}

/* Kapak slaytının altında başlık açık zeminde (menü sayfalarında olduğu gibi tek koyu bant kapak) */
.gf-hero + .blg-bas{background:transparent; color:var(--ink)}
.gf-hero + .blg-bas .sayfa-izi,.gf-hero + .blg-bas .sayfa-izi a{color:var(--ink-muted)}
.gf-hero + .blg-bas .sayfa-izi b{color:var(--ink)}
.gf-hero + .blg-bas .blg-ust{color:var(--mor)}
.gf-hero + .blg-bas h1{color:var(--ink)}
.gf-hero + .blg-bas p{color:var(--ink-muted)}
.gf-hero + .blg-bas .blg-kategoriler span{background:var(--mor-soft); color:var(--mor)}

.blg-liste{padding:clamp(28px,4vw,56px) 0}
.blg-liste h2{margin:0 0 18px; font-size:clamp(20px,2vw,26px); color:var(--ink)}
.blg-izgara{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px}
.blg-kart{display:flex; flex-direction:column; overflow:hidden; border-radius:16px; background:#fff; border:1px solid var(--line); text-decoration:none; color:var(--ink);
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease}
.blg-kart:hover{transform:translateY(-2px); border-color:var(--mor); box-shadow:0 14px 30px -16px rgba(42,15,82,.4)}
/* Kanca görseli: görsel + lamba sarısı etiket (karartma yok) */
.blg-kg{position:relative; display:block; overflow:hidden; background:var(--mor)}
.blg-kg img{width:100%; height:100%; object-fit:cover; display:block}
.blg-kanca{position:absolute; left:14px; bottom:14px; max-width:calc(100% - 28px); padding:7px 12px; border-radius:8px;
  background:var(--lamba); color:var(--band); font-size:14px; font-weight:800; line-height:1.25; box-shadow:0 6px 14px -6px rgba(20,8,40,.45); transform:rotate(-1.2deg)}
.blg-kart-gorsel{aspect-ratio:1200/896}

/* Manşet: büyük kart (görsel solda, mor yazı paneli sağda) + yan sütunda küçük haberler */
.blg-manset{padding:clamp(24px,3vw,40px) 0 0}
.blg-manset-duzen{display:grid; grid-template-columns:minmax(0,1.9fr) minmax(0,1fr); gap:20px}
.blg-manset-ana{display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); overflow:hidden; border-radius:20px; background:var(--band); color:#fff; text-decoration:none;
  box-shadow:0 18px 40px -22px rgba(42,15,82,.55); transition:transform .15s ease, box-shadow .15s ease}
.blg-manset-ana:hover{transform:translateY(-2px); box-shadow:0 24px 48px -22px rgba(42,15,82,.65)}
.blg-manset-gorsel{min-height:340px}
.blg-manset-gorsel .blg-kanca{font-size:clamp(15px,1.5vw,20px); padding:9px 14px}
.blg-manset-yazi{display:flex; flex-direction:column; justify-content:center; gap:12px; padding:clamp(22px,2.6vw,36px)}
.blg-manset-yazi .blg-et{align-self:flex-start; background:var(--lamba); color:var(--band)}
.blg-manset-yazi b{font-size:clamp(22px,2.2vw,30px); line-height:1.2; color:#fff}
.blg-manset-yazi .blg-ozet{color:rgba(255,255,255,.82); -webkit-line-clamp:4}
.blg-manset-yazi .blg-tarih{color:rgba(255,255,255,.62)}
.blg-manset-yan{display:flex; flex-direction:column; gap:14px}
.blg-yan-kart{display:grid; grid-template-columns:132px minmax(0,1fr); gap:14px; align-items:center; padding:10px; border-radius:16px; background:#fff; border:1px solid var(--line);
  text-decoration:none; color:var(--ink); transition:border-color .15s ease}
.blg-yan-kart:hover{border-color:var(--mor)}
.blg-yan-gorsel{aspect-ratio:1/1; border-radius:12px}
.blg-yan-gorsel .blg-kanca{display:none}
.blg-yan-kart > span{display:flex; flex-direction:column; gap:6px; min-width:0}
.blg-yan-kart .blg-et{align-self:flex-start; background:var(--mor-soft); font-size:11.5px}
.blg-yan-kart b{font-size:15.5px; line-height:1.3; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden}
.blg-tarih{font-size:12.5px; color:var(--ink-faint)}

/* Yazı sayfası başlığı: yazı solda, kanca görseli sağda */
.blg-yazi-bas-duzen{display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:clamp(20px,3vw,48px); align-items:center}
.blg-yazi-gorsel{aspect-ratio:1200/896; border-radius:18px; border:1px solid rgba(255,255,255,.16)}
.blg-yazi-gorsel .blg-kanca{font-size:clamp(15px,1.4vw,19px); padding:9px 14px}
.blg-bas-sat{display:flex; align-items:flex-end; justify-content:space-between; gap:16px 32px; flex-wrap:wrap}
.blg-kart-yazi{display:flex; flex-direction:column; gap:8px; padding:16px 18px 18px}
.blg-kart-yazi .blg-et{align-self:flex-start; background:var(--mor-soft)}
.blg-kart-yazi b{font-size:18px; line-height:1.3}
.blg-ozet{font-size:14.5px; line-height:1.55; color:var(--ink-muted); display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden}
.blg-kart-yazi small{font-size:12.5px; color:var(--ink-faint)}
.blg-bos{max-width:640px; margin:0 auto; text-align:center; padding:clamp(24px,4vw,48px) 20px; border-radius:20px; background:#fff; border:1px solid var(--line)}
.blg-bos h2{margin:0 0 10px}
.blg-bos p{margin:0 0 20px; color:var(--ink-muted); line-height:1.6}

.blg-duzen{padding-block:clamp(24px,3.6vw,48px)}
.blg-metin{max-width:760px; min-width:0; margin:0 auto; font-size:17px; line-height:1.75; color:var(--ink)}
.blg-metin h2{margin:36px 0 12px; font-size:clamp(21px,2vw,26px); line-height:1.25; color:var(--ink)}
.blg-metin h3{margin:26px 0 8px; font-size:19px; color:var(--ink)}
.blg-metin p{margin:0 0 16px}
.blg-metin ul,.blg-metin ol{margin:0 0 18px; padding-left:22px}
.blg-metin li{margin:0 0 6px}
.blg-metin a{color:var(--mor); font-weight:600}
.blg-metin blockquote{margin:22px 0; padding:14px 18px; border-left:4px solid var(--lamba); background:var(--lamba-soft,#FDF4D8); border-radius:0 12px 12px 0}
.blg-metin table{width:100%; border-collapse:collapse; margin:0 0 20px; font-size:15px}
.blg-metin th,.blg-metin td{padding:10px 12px; border-bottom:1px solid var(--line); text-align:left; vertical-align:top}
.blg-metin th{background:var(--mor-soft); color:var(--ink)}
.blg-sss{margin-top:36px}
.blg-sss details{border:1px solid var(--line); border-radius:12px; background:#fff; margin:0 0 10px; padding:0 16px}
.blg-sss summary{cursor:pointer; padding:14px 0; font-weight:700}
.blg-sss .sss-yanit{padding:0 0 14px; color:var(--ink-muted)}
.blg-kaynak{margin-top:28px; font-size:14px}
.blg-kaynak h2{font-size:17px !important}
.blg-cta{display:flex; flex-direction:column; gap:10px; margin:36px 0 0; padding:24px; border-radius:20px; background:var(--band); color:#fff}
.blg-cta b{font-size:20px; color:var(--lamba)}
.blg-cta span{color:rgba(255,255,255,.86); line-height:1.6}
.blg-cta .btn{align-self:flex-start; margin-top:6px}
.blg-ilgili{border-top:1px solid var(--line)}

@media (max-width:940px){
  .blg-izgara{grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px}
  .blg-manset-duzen{grid-template-columns:1fr}
  .blg-manset-ana{grid-template-columns:1fr}
  .blg-manset-gorsel{min-height:0; aspect-ratio:1200/896}
  .blg-manset-yan{display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
  .blg-yazi-bas-duzen{grid-template-columns:1fr}
  /* uygulama.css ≤940 h1 ölçeğini 26px'e sabitliyor; blog başlığı biraz daha büyük kalır */
  main.blg .blg-bas h1,main.blg .blg-yazi-bas h1{font-size:28px !important; line-height:1.15 !important}
}
@media (max-width:560px){
  .blg-izgara{grid-template-columns:1fr}
  .blg-yan-kart{grid-template-columns:96px minmax(0,1fr)}
  .blg-kanca{font-size:13px; left:10px; bottom:10px}
  .blg-metin{font-size:16px; line-height:1.7}
  .blg-metin table{table-layout:fixed; min-width:0; font-size:14px}
  .blg-metin th,.blg-metin td{padding:8px 6px; overflow-wrap:anywhere; hyphens:auto}
  .blg-cta .btn{align-self:stretch; justify-content:center}
}
/* Kategori bağlantıları (çip) ve başlıktaki kategori etiketi bağlantı olarak */
.blg-kategoriler a{padding:5px 12px; border-radius:999px; background:rgba(255,255,255,.14); font-size:13px; font-weight:600; color:#fff; text-decoration:none}
.gf-hero + .blg-bas .blg-kategoriler a{background:var(--mor-soft); color:var(--mor)}
.blg-kategoriler a:hover{outline:1px solid currentColor}
a.blg-et{text-decoration:none}
/* İçindekiler */
.blg-toc{margin:0 0 24px; padding:14px 18px; border-radius:14px; border:1px solid var(--line); background:#fff}
.blg-toc b{display:block; margin-bottom:6px; font-size:14px; color:var(--ink)}
.blg-toc ol{margin:0; padding-left:20px}
.blg-toc li{margin:0 0 4px; font-size:15px}
.blg-metin h2[id]{scroll-margin-top:90px}
/* Yazar ve güncelleme kutusu */
.blg-yazar{display:flex; flex-direction:column; gap:4px; margin:32px 0 0; padding:14px 18px; border-radius:14px; background:#fff; border:1px solid var(--line); font-size:14px; color:var(--ink-muted)}
.blg-yazar b{color:var(--ink); font-size:15px}
/* Kısaca: yazının ana hatları, metnin en üstünde (az okuyan için) */
.blg-kisaca{margin:0 0 24px; padding:16px 18px; border-radius:14px; background:var(--mor-soft); border-left:4px solid var(--mor)}
.blg-kisaca b{display:block; margin-bottom:6px; color:var(--mor); font-size:14px; letter-spacing:.06em; text-transform:uppercase}
.blg-kisaca ul{margin:0; padding-left:20px}
.blg-kisaca li{margin:0 0 4px; font-weight:600}
/* Kitleye göre harekete geçirici adımlar */
.blg-kitle{margin:36px 0 0}
.blg-kitle h2{margin:0 0 14px !important; font-size:clamp(20px,2vw,24px) !important}
.blg-kitle-izgara{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px}
.blg-kitle-kart{display:flex; flex-direction:column; gap:6px; padding:18px; border-radius:16px; background:#fff; border:1px solid var(--line); color:var(--ink); text-decoration:none !important; font-weight:400 !important;
  transition:border-color .15s ease, transform .15s ease}
.blg-kitle-kart:hover{border-color:var(--mor); transform:translateY(-2px)}
.blg-kitle-kart b{font-size:16.5px; line-height:1.3; color:var(--ink)}
.blg-kitle-kart span{font-size:14.5px; line-height:1.5; color:var(--ink-muted)}
.blg-kitle-kart em{margin-top:auto; padding-top:6px; font-style:normal; font-weight:700; font-size:14.5px; color:var(--mor)}
.blg-kitle-kart em::after{content:" →"}
.blg-kitle-kart.birincil{background:var(--band); border-color:var(--band)}
.blg-kitle-kart.birincil b{color:var(--lamba)} .blg-kitle-kart.birincil span{color:rgba(255,255,255,.86)} .blg-kitle-kart.birincil em{color:#fff}
.blg-liste + .wrap .blg-kitle,.blg-manset + .wrap .blg-kitle{margin-top:clamp(24px,3vw,40px)}
/* Sıradaki yazı */
.blg-sonraki{display:flex; flex-direction:column; gap:4px; margin:22px 0 0; padding:16px 18px; border-radius:14px; border:1px dashed var(--mor); color:var(--ink); text-decoration:none !important; font-weight:400 !important}
.blg-sonraki small{font-size:12.5px; color:var(--ink-faint)}
.blg-sonraki b{font-size:17px; color:var(--mor)}
.blg-sonraki b::after{content:" →"}
@media (max-width:760px){ .blg-kitle-izgara{grid-template-columns:1fr} }
/* Manşet ve yan haberler tüm yazıları karşılıyorsa boş "Son yazılar" bölümü pay bırakmaz */
.blg-liste:has(> .wrap:empty){display:none}
.blg-manset:has(+ .blg-liste > .wrap:empty){padding-bottom:clamp(28px,4vw,56px)}
/* Kapak ile başlık arası: tek boşluk (manşetin kendi üst payı yeter) */
.gf-hero + .blg-bas{padding-bottom:0}
/* Son yazılarda 1–2 kart kalınca boş sütun bırakılmaz: kartlar yatay düzene geçer (masaüstü) */
@media (min-width:941px){
  .blg-izgara:has(> .blg-kart:only-child){grid-template-columns:1fr}
  .blg-izgara:has(> .blg-kart:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
  .blg-izgara:has(> .blg-kart:only-child) .blg-kart,
  .blg-izgara:has(> .blg-kart:nth-child(2):last-child) .blg-kart{flex-direction:row}
  .blg-izgara:has(> .blg-kart:only-child) .blg-kart-gorsel,
  .blg-izgara:has(> .blg-kart:nth-child(2):last-child) .blg-kart-gorsel{flex:0 0 44%; aspect-ratio:auto; min-height:220px}
  .blg-izgara:has(> .blg-kart:only-child) .blg-kart-yazi,
  .blg-izgara:has(> .blg-kart:nth-child(2):last-child) .blg-kart-yazi{justify-content:center}
}
/* Telefonda katman ayrımı: mor üst çubuk · koyu kapak/başlık bandı · mor görsel belirgin çerçevede */
@media (max-width:560px){
  .blg-kapak .gf-slayt,.blg-kapak .gf-slayt.koyu,.blg-kapak{background:var(--band)}
  .blg-kapak .gf-foto{border:1px solid rgba(255,255,255,.34); box-shadow:0 14px 28px -14px rgba(0,0,0,.55)}
  .blg-yazi-bas{background:var(--band)}
  .blg-yazi-gorsel{border:1px solid rgba(255,255,255,.34); box-shadow:0 14px 28px -14px rgba(0,0,0,.55)}
  .gf-hero + .blg-bas{padding-top:24px}
}
@media (prefers-reduced-motion:reduce){ .blg-kart,.blg-manset-ana{transition:none} .blg-kart:hover,.blg-manset-ana:hover{transform:none} }