/* ============================================================
   Konkordato Rehberi — İçerik/SEO sitesi katmanı
   kslaw-base.css (palet + tipografi) ÜSTÜNE biner.
   Daha açık, okunabilir, esnek editöryel düzen.
   ============================================================ */

:root{
  --read:#2b333f;          /* okuma metni — saf siyahtan yumuşak */
  --read-soft:#55606e;
  --hair:#e7e2d7;
  --wash:#faf8f3;          /* açık içerik zemini */
  --wa:#25D366;
  --wa-d:#1da851;
  --measure:72ch;
}

/* daha rahat genel okuma */
body{color:var(--read)}
.wrap{max-width:1200px}
/* varsayılan link altçizgisini kapat — istenen altçizgiler border-bottom ile yapılır */
a{text-decoration:none}

/* ---------- yardımcılar ---------- */
.lead-light{font:300 18px/1.85 var(--sans);color:var(--read-soft)}
.tag-pill{display:inline-flex;align-items:center;gap:7px;font:600 10px/1 var(--sans);
  letter-spacing:.14em;text-transform:uppercase;color:var(--gold);
  border:1px solid var(--hair);border-radius:40px;padding:8px 14px;background:#fff}
.tag-pill::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--gold)}

/* ============================================================
   HERO — içerik odaklı (split değil, ortalı, okunur)
   ============================================================ */
.chero{background:var(--navy);color:var(--cream);position:relative;overflow:hidden;
  padding:150px 0 96px}
.chero::before{content:'';position:absolute;inset:0;
  background:radial-gradient(900px 540px at 78% -8%,rgba(194,154,75,.16),transparent 62%)}
.chero::after{content:'K';position:absolute;right:2%;bottom:-16%;font:300 46vh/1 var(--serif);
  color:rgba(244,239,230,.04);user-select:none;pointer-events:none}
.chero .wrap{position:relative;z-index:1;max-width:1200px}
.chero .eyebrow{color:var(--gold-l);margin-bottom:26px}
.chero h1{font:300 clamp(40px,5.4vw,72px)/1.08 var(--serif);letter-spacing:-.02em;color:#fff}
.chero h1 em{font-style:italic;color:var(--gold-l)}
.chero-sub{font:300 19px/1.8 var(--sans);color:rgba(244,239,230,.62);max-width:860px;margin:26px 0 36px}
.chero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:40px}
.chero-quick{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.chero-quick .ql{font:400 10px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;
  color:rgba(244,239,230,.4);margin-right:6px}
.chero-quick a{font:400 14px/1 var(--serif);color:rgba(244,239,230,.78);
  border-bottom:1px solid rgba(194,154,75,.4);padding-bottom:3px;transition:.2s}
.chero-quick a:hover{color:var(--gold-l);border-color:var(--gold-l)}

/* WhatsApp buton (içerik) */
.btn-wa{background:var(--wa);color:#fff;display:inline-flex;align-items:center;gap:10px}
.btn-wa:hover{background:var(--wa-d)}
.btn-wa svg{width:17px;height:17px;fill:currentColor}

/* ============================================================
   ACİL / INTENT şeridi
   ============================================================ */
.helpstrip{background:var(--gold);color:var(--ink)}
.helpstrip .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;
  padding:22px 48px;flex-wrap:wrap}
.helpstrip-t{font:400 19px/1.4 var(--serif);color:var(--ink)}
.helpstrip-t b{font-weight:600}
.helpstrip-actions{display:flex;gap:12px;flex-wrap:wrap}
.helpstrip .btn{border:1px solid rgba(17,22,30,.25)}
.helpstrip .btn-ink{background:var(--ink);color:var(--cream);border-color:var(--ink)}
.helpstrip .btn-ink:hover{background:#000}

/* ============================================================
   BÖLÜM başlıkları (içerik)
   ============================================================ */
.csec{padding:104px 0}
.csec.wash{background:var(--wash)}
.csec.paper{background:var(--paper)}
.csec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;
  margin-bottom:52px;flex-wrap:wrap}
.csec-head .sec-h{margin-top:18px;max-width:680px}
.csec-head .csec-link{font:600 11px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;
  color:var(--gold);white-space:nowrap;border-bottom:1px solid var(--gold);padding-bottom:5px;transition:.2s}
.csec-head .csec-link:hover{color:var(--ink);border-color:var(--ink)}

/* ============================================================
   REHBER kartları (makale kartı)
   ============================================================ */
.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.guide-grid.feat{grid-template-columns:1.5fr 1fr 1fr}
.gcard{background:#fff;border:1px solid var(--hair);border-radius:4px;text-decoration:none;
  display:flex;flex-direction:column;padding:32px 30px;transition:.25s;position:relative;overflow:hidden}
.gcard h3,.gcard p,.gcard span{text-decoration:none}
.gcard::after{content:'';position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--gold);transition:width .3s}
.gcard:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:rgba(194,154,75,.4)}
.gcard:hover::after{width:100%}
.gcard .gc-cat{font:600 10px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:16px}
.gcard h3{font:400 24px/1.25 var(--serif);color:var(--ink);margin-bottom:12px;letter-spacing:-.01em}
.gcard.lg h3{font-size:30px}
.gcard p{font:300 14.5px/1.75 var(--sans);color:var(--read-soft);margin-bottom:20px;flex:1}
.gcard .gc-meta{display:flex;align-items:center;gap:14px;font:400 12px/1 var(--sans);color:var(--muted-d);margin-top:auto}
.gcard .gc-meta .read{color:var(--gold)}
.gcard .gc-more{font:600 11px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}

/* ============================================================
   KARARLAR kartları (içtihat)
   ============================================================ */
.karar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--hair);
  border:1px solid var(--hair)}
.kcard{background:#fff;padding:34px 30px;display:flex;flex-direction:column;transition:.25s;text-decoration:none}
.kcard:hover{background:var(--navy);color:var(--cream)}
.kcard .kc-court{font:600 10px/1.4 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-bottom:14px}
.kcard .kc-no{font:400 14px/1.5 var(--serif);color:var(--ink);margin-bottom:10px;transition:.25s}
.kcard:hover .kc-no{color:var(--cream)}
.kcard h3{font:400 19px/1.35 var(--serif);color:var(--ink);margin-bottom:12px;transition:.25s}
.kcard:hover h3{color:#fff}
.kcard p{font:300 13.5px/1.7 var(--sans);color:var(--read-soft);transition:.25s}
.kcard:hover p{color:rgba(244,239,230,.55)}
.kcard .kc-date{margin-top:18px;font:400 11px/1 var(--sans);letter-spacing:.08em;color:var(--muted-d);transition:.25s}
.kcard:hover .kc-date{color:rgba(244,239,230,.4)}

/* ============================================================
   SÜREÇ (konkordato süreci) — yatay timeline
   ============================================================ */
.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.08)}
.flow-step{background:var(--navy);padding:40px 30px}
.flow-step .fs-n{font:300 13px/1 var(--serif);color:var(--gold-l);letter-spacing:.1em;margin-bottom:18px}
.flow-step .fs-dur{display:inline-block;font:600 9px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;
  color:var(--gold);border:1px solid rgba(194,154,75,.4);padding:6px 9px;margin-bottom:16px}
.flow-step h3{font:400 21px/1.25 var(--serif);color:var(--cream);margin-bottom:10px}
.flow-step p{font:300 13.5px/1.7 var(--sans);color:rgba(244,239,230,.5)}

/* ============================================================
   KONULAR (kategori bulutu)
   ============================================================ */
.topics{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;max-width:920px;margin:0 auto}
.topics a{font:400 16px/1 var(--serif);color:var(--ink);background:#fff;border:1px solid var(--hair);
  border-radius:40px;padding:13px 22px;transition:.2s}
.topics a:hover{border-color:var(--gold);color:var(--gold);transform:translateY(-2px)}

/* ============================================================
   SSS (içerik sitesi — açık zemin)
   ============================================================ */
.cfaq{max-width:880px;margin:0 auto;border-top:1px solid var(--hair)}
.cfaq details{border-bottom:1px solid var(--hair);background:transparent}
.cfaq summary{list-style:none;cursor:pointer;position:relative;
  font:400 21px/1.4 var(--serif);color:var(--ink);padding:26px 56px 26px 0;transition:color .2s}
.cfaq summary::-webkit-details-marker{display:none}
.cfaq summary:hover{color:var(--gold)}
.cfaq summary::after{content:'';position:absolute;right:6px;top:50%;width:13px;height:13px;margin-top:-7px;
  transition:transform .3s;
  background:linear-gradient(var(--gold),var(--gold)) center/13px 1px no-repeat,
             linear-gradient(var(--gold),var(--gold)) center/1px 13px no-repeat}
.cfaq details[open] summary::after{transform:rotate(135deg)}
.cfaq details[open] summary{color:var(--gold)}
.cfaq details p{font:300 15.5px/1.9 var(--sans);color:var(--read-soft);padding:0 56px 26px 0;margin:0;max-width:var(--measure)}

/* ============================================================
   İLETİŞİM (lead) — WhatsApp + form
   ============================================================ */
.lead{padding:110px 0;background:var(--navy);color:var(--cream);position:relative;overflow:hidden}
.lead::before{content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse 55% 60% at 22% 50%,rgba(194,154,75,.08),transparent 66%)}
.lead .wrap{position:relative;z-index:1}
.lead-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.lead .eyebrow{color:var(--gold-l)}
.lead h2{font:300 clamp(30px,3.4vw,46px)/1.15 var(--serif);color:#fff;margin:18px 0 18px}
.lead h2 em{font-style:italic;color:var(--gold-l)}
.lead-p{font:300 16px/1.85 var(--sans);color:rgba(244,239,230,.6);margin-bottom:30px;max-width:440px}
.lead-cta{display:flex;flex-direction:column;gap:14px;max-width:340px}
.lead-cta .btn{justify-content:center}
.lead-chan{margin-top:34px;border-top:1px solid rgba(255,255,255,.1)}
.lead-chan a,.lead-chan div{display:block;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.1);
  font:300 15px/1.5 var(--sans);color:rgba(244,239,230,.72)}
.lead-chan b{display:block;font:600 9px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-l);margin-bottom:7px}
.lead-chan a:hover{color:#fff}
/* form alanları koyu zeminde */
.lead .cfield label{color:rgba(244,239,230,.6)}
.lead .cfield input,.lead .cfield textarea{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.14);color:#fff}
.lead .cfield input::placeholder,.lead .cfield textarea::placeholder{color:rgba(244,239,230,.35)}
.lead .cfield input:focus,.lead .cfield textarea:focus{border-color:var(--gold-l);background:rgba(255,255,255,.08)}
.lead .cnote{color:rgba(244,239,230,.45)}

/* ============================================================
   FOOTER — KSLAW ekosistem bağlantıları
   ============================================================ */
.eco{border-top:1px solid rgba(255,255,255,.07);padding-top:30px;margin-top:8px}
.eco-h{font:600 9px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-l);margin-bottom:16px}
/* ekran görüntülü ekosistem kartları (şeritler) */
.eco-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.eco-card{display:flex;flex-direction:column;background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden;transition:.25s;text-decoration:none}
.eco-card:hover{transform:translateY(-4px);border-color:rgba(194,154,75,.55);
  box-shadow:0 18px 40px -20px rgba(0,0,0,.6);background:rgba(255,255,255,.06)}
.ec-shot{aspect-ratio:16/10;overflow:hidden;background:var(--navy2);border-bottom:1px solid rgba(255,255,255,.08)}
.ec-shot img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:transform .4s}
.eco-card:hover .ec-shot img{transform:scale(1.05)}
.ec-body{padding:14px 16px 16px}
.ec-name{font:500 15px/1.25 var(--serif);color:#fff;margin-bottom:4px}
.ec-tag{font:400 11.5px/1.4 var(--sans);color:rgba(255,255,255,.6)}
.eco-card:hover .ec-name{color:var(--gold-l)}

/* ---- footer okunabilirlik: saf beyaz metinler ---- */
.footer .ft-h{color:var(--gold-l)}
.footer .ft-about{color:rgba(255,255,255,.86)}
.footer .ft-ul a{color:#fff}
.footer .ft-ul a:hover{color:var(--gold-l)}
.footer .footer-addr{color:#fff!important}
.footer .ft-bot p{color:rgba(255,255,255,.78)}
.footer .ft-bot .ft-legal a{color:#fff}
.footer .ft-bot .ft-legal a:hover{color:var(--gold-l)}

/* ============================================================
   KSLAW EKOSİSTEM GALERİSİ — otomatik kayan banner şeridi
   ============================================================ */
.ecoband{padding:100px 0 104px;background:var(--wash);overflow:hidden;position:relative}
.ecoband-head{text-align:center;margin-bottom:52px;padding:0 24px}
.ecoband-head .eyebrow{justify-content:center}
.ecoband-head .eyebrow::after{content:'';width:26px;height:1px;background:var(--gold)}
.ecoband-head h2{margin-top:18px}
.ecoband-head p{font:300 15px/1.7 var(--sans);color:var(--muted);margin-top:14px;max-width:560px;margin-left:auto;margin-right:auto}
/* kenarları yumuşatan maske */
.eband-viewport{overflow:hidden;
  -webkit-mask:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);
          mask:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.eband-track{display:flex;width:max-content;padding:10px 0 22px;
  animation:ebscroll 44s linear infinite;will-change:transform}
.ecoband:hover .eband-track{animation-play-state:paused}
@keyframes ebscroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.eband-card{position:relative;width:400px;flex-shrink:0;margin-right:26px;border-radius:12px;overflow:hidden;
  background:#fff;border:1px solid var(--hair);box-shadow:0 20px 44px -26px rgba(21,32,46,.45);
  text-decoration:none;transition:transform .3s,box-shadow .3s}
.eband-card:hover{transform:translateY(-6px);box-shadow:0 28px 56px -24px rgba(21,32,46,.55)}
.eband-card img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top center;display:block;transition:transform .5s}
.eband-card:hover img{transform:scale(1.05)}
.eband-cap{position:absolute;left:0;right:0;bottom:0;padding:46px 22px 18px;
  background:linear-gradient(transparent,rgba(15,32,46,.55) 45%,rgba(13,18,25,.94))}
.eband-cap .n{font:500 20px/1.2 var(--serif);color:#fff;letter-spacing:.01em}
.eband-cap .t{font:400 12px/1.4 var(--sans);color:var(--gold-l);margin-top:5px;letter-spacing:.02em}
.eband-cap .go{position:absolute;right:20px;bottom:20px;width:34px;height:34px;border-radius:50%;
  border:1px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;
  color:#fff;font-size:15px;transition:.25s}
.eband-card:hover .eband-cap .go{background:var(--gold);border-color:var(--gold);color:var(--ink)}
@media(max-width:680px){
  .ecoband{padding:70px 0}
  .eband-card{width:300px}
  .eband-track{animation-duration:34s}
}

/* ============================================================
   YÜZEN WHATSAPP BUTONU (tüm sayfalar)
   ============================================================ */
.wa-float{position:fixed;right:22px;bottom:22px;z-index:300;width:58px;height:58px;border-radius:50%;
  background:var(--wa);color:#fff;display:flex;align-items:center;justify-content:center;
  box-shadow:0 10px 30px -6px rgba(37,211,102,.55);transition:transform .2s,box-shadow .2s}
.wa-float:hover{transform:scale(1.07);box-shadow:0 14px 36px -6px rgba(37,211,102,.7)}
.wa-float svg{width:30px;height:30px;fill:#fff}
.wa-float::after{content:attr(data-tip);position:absolute;right:70px;white-space:nowrap;
  background:var(--ink);color:#fff;font:500 12px/1 var(--sans);padding:9px 13px;border-radius:6px;
  opacity:0;pointer-events:none;transform:translateX(8px);transition:.2s}
.wa-float:hover::after{opacity:1;transform:translateX(0)}
@media(max-width:680px){.wa-float{width:54px;height:54px;right:16px;bottom:16px}.wa-float::after{display:none}}

/* ============================================================
   MAKALE / KARAR DETAY SAYFASI (okuma)
   ============================================================ */
.ahead{background:var(--navy);color:var(--cream);padding:124px 0 56px;position:relative;overflow:hidden}
.ahead::after{content:'';position:absolute;right:-3%;bottom:-40%;font:300 32vh/1 var(--serif);
  color:rgba(244,239,230,.04);user-select:none}
.ahead .wrap{position:relative;z-index:1;max-width:1200px}
.crumb{font:400 12px/1 var(--sans);color:rgba(244,239,230,.45);margin-bottom:22px;display:flex;gap:9px;flex-wrap:wrap}
.crumb a{color:rgba(244,239,230,.6);transition:.2s}.crumb a:hover{color:var(--gold-l)}
.crumb span{color:rgba(244,239,230,.3)}
.ahead .a-cat{font:600 10px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-l);margin-bottom:18px;display:block}
.ahead h1{font:300 clamp(32px,4.4vw,54px)/1.12 var(--serif);color:#fff;letter-spacing:-.02em}
.ahead h1 em{font-style:italic;color:var(--gold-l)}
.a-meta{display:flex;gap:20px;flex-wrap:wrap;margin-top:24px;font:400 13px/1 var(--sans);color:rgba(244,239,230,.5)}
.a-meta .am-read{color:var(--gold-l)}

.article{padding:60px 0 30px}
.article .wrap{max-width:1100px}
.a-layout{display:grid;grid-template-columns:1fr 230px;gap:64px;align-items:start}
.prose{max-width:var(--measure)}
.prose>p:first-child,.prose .a-intro{font:300 19px/1.85 var(--sans);color:var(--read);margin-bottom:24px}
.prose h2{font:400 clamp(26px,3vw,34px)/1.25 var(--serif);color:var(--ink);letter-spacing:-.015em;
  margin:48px 0 16px;scroll-margin-top:96px}
.prose h3{font:500 20px/1.4 var(--serif);color:var(--ink);margin:32px 0 12px}
.prose p{font:300 16.5px/1.9 var(--sans);color:var(--read);margin-bottom:18px}
.prose a{color:var(--gold);border-bottom:1px solid rgba(194,154,75,.4);transition:.2s}
.prose a:hover{color:var(--ink);border-color:var(--ink)}
.prose strong{font-weight:600;color:var(--ink)}
.prose ul,.prose ol{margin:0 0 20px 4px;padding-left:22px}
.prose li{font:300 16.5px/1.85 var(--sans);color:var(--read);margin-bottom:10px}
.prose ul li::marker{color:var(--gold)}
.prose blockquote{margin:28px 0;padding:22px 28px;background:var(--wash);border-left:3px solid var(--gold);
  font:400 italic 20px/1.6 var(--serif);color:var(--ink)}
/* mevzuat/kanun kutusu */
.lawbox{margin:26px 0;padding:24px 28px;background:#fff;border:1px solid var(--hair);border-radius:4px}
.lawbox .lb-k{font:600 9px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:12px}
.lawbox p{font:400 15px/1.8 var(--serif);color:var(--read);margin:0;font-style:italic}
.lawbox cite{display:block;margin-top:10px;font:600 12px/1 var(--sans);font-style:normal;color:var(--muted)}
/* karar künye kutusu */
.casebox{margin:0 0 30px;padding:24px 28px;background:var(--navy);color:var(--cream);border-radius:4px}
.casebox .cb-row{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.1);
  font:300 14px/1.4 var(--sans);color:rgba(244,239,230,.7)}
.casebox .cb-row:last-child{border-bottom:none}
.casebox .cb-row b{color:var(--gold-l);font-weight:500}
/* CTA / yardım kutusu makale içi */
.cta-box{margin:40px 0;padding:34px 34px;background:var(--navy);border-radius:6px;color:var(--cream)}
.cta-box h3{font:400 23px/1.3 var(--serif);color:#fff;margin-bottom:10px}
.cta-box p{font:300 14.5px/1.75 var(--sans);color:rgba(244,239,230,.6);margin-bottom:20px}
.cta-box .btns{display:flex;gap:12px;flex-wrap:wrap}
/* uyarı / disclaimer */
.disc{margin:30px 0 0;font:300 12.5px/1.7 var(--sans);color:var(--muted-d);
  padding:18px 22px;background:var(--wash);border:1px solid var(--hair);border-radius:4px}

/* TOC (yan) */
.toc{position:sticky;top:96px}
.toc-h{font:600 9px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:16px}
.toc a{display:block;font:400 13.5px/1.5 var(--sans);color:var(--muted);padding:7px 0 7px 14px;
  border-left:1px solid var(--hair);transition:.2s}
.toc a:hover,.toc a.on{color:var(--ink);border-color:var(--gold)}

/* İLGİLİ yazılar */
.related{padding:70px 0 110px;background:var(--wash)}
.related .wrap{max-width:1100px}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media(max-width:1080px){
  .guide-grid,.guide-grid.feat{grid-template-columns:1fr 1fr}
  .karar-grid,.flow{grid-template-columns:1fr 1fr}
  .eco-cards{grid-template-columns:repeat(3,1fr)}
  .lead-grid{grid-template-columns:1fr;gap:48px}
  .a-layout{grid-template-columns:1fr;gap:0}
  .toc{display:none}
}
@media(max-width:680px){
  .csec{padding:70px 0}
  .chero{padding:120px 0 72px}
  .guide-grid,.guide-grid.feat,.karar-grid,.flow{grid-template-columns:1fr}
  .eco-cards{grid-template-columns:1fr 1fr}
  .helpstrip .wrap{padding:20px 22px}
  .cfaq summary{font-size:18px}
  .prose h2{font-size:24px}
}