/* ═══════════════════════════════════════════════════════════════════════
   EVROTASI — KURUMSAL KATMAN
   Sitenin tamamının paylastigi tek tasarim dili.

   NEDEN VAR: 50 sayfanin 27'sinde ne ust menu ne alt bilgi vardi; ortak
   tasarim dosyasini yalnizca 5 sayfa kullaniyordu ve 217 KB CSS 49 ayri
   <style> blogunda dagilmisti. Her sayfa kendi basina bir siteydi.

   DIL NEREDEN GELIYOR: prototip/kurumsal7 (kurucu onayli anasayfa adayi).
   Uc yapisal karar olculdu ve buraya tasindi:
     1) Buyuk tipografi   h1 41px · bolum h2 33px serif
     2) Tam genislik bant beyaz / gri seritler sirayla
     3) Serif rakamda     sayi otorite tasir

   NASIL CALISIR — HICBIR SEY SILINMEZ:
   Bu dosya sayfalarin kendi CSS'ini EZMEZ, uzerine biner. Butun yeni
   yapisal siniflar "kr-" onekli; mevcut sinif adlariyla carpisamaz.
   Jetonlar :root'ta genel — sayfalar isterse kullanir, istemezse etkilenmez.

   YUKLEME SIRASI: white-theme-override.css'ten SONRA gelmeli, yoksa
   override'in `!important` kurallari bu katmani eziyor (panelde olculdu).
   ═══════════════════════════════════════════════════════════════════════ */

/* ── JETONLAR ───────────────────────────────────────────────────────── */
:root{
  /* petrol ailesi — kurumsal omurga */
  --kr-p900:#0A2E37; --kr-p800:#0E3B47; --kr-p700:#124450;
  --kr-p600:#1A5A6B; --kr-p500:#2C7387; --kr-p100:#E5EFF1; --kr-p50:#F3F8F9;
  /* muhur — dogrulama isareti */
  --kr-muhur:#8C6A33; --kr-muhur50:#FAF5EA;
  /* durum renkleri: uc tane, fazlasi yok */
  --kr-yesil:#1B6142; --kr-yesil50:#EFF6F2; --kr-yesil-cz:#B6D7C5;
  --kr-altin:#7D6127; --kr-altin50:#FBF6EA; --kr-altin-cz:#E4D6B4;
  --kr-terra:#B44E24; --kr-terra50:#FDF2EC; --kr-terra-cz:#E8C3AC;
  --kr-uyari:#9B2C1B; --kr-uyari50:#FCEEEB; --kr-uyari-cz:#E7BCB3;
  /* murekkep ve zemin — ZEMIN HER SAYFADA BEYAZ (kurucu emri) */
  --kr-ink:#13161A; --kr-kum:#63605A; --kr-acik:#6E6A60;  /* 2026-08-09: #94908A beyaz uzerinde 3.17 idi (AA alti) -> 5.39 */
  --kr-cizgi:#E3DFD6; --kr-cizgi2:#F0EDE7; --kr-wash:#FAF9F6; --kr-bg:#FFFFFF;
  /* tipografi */
  --kr-serif:"Source Serif 4",Georgia,"Times New Roman",serif;
  --kr-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  /* olcu — 8'in katlari */
  --kr-u1:8px; --kr-u2:16px; --kr-u3:24px; --kr-u4:32px; --kr-u5:48px; --kr-u6:64px;
  --kr-rs:8px; --kr-rm:12px; --kr-rl:18px;
  --kr-g1:0 1px 2px rgba(19,22,26,.06);
  --kr-g2:0 2px 4px rgba(19,22,26,.05), 0 12px 28px -14px rgba(19,22,26,.22);
  --kr-kap:1280px;
}

/* ── TIPOGRAFI — SITE GENELI ───────────────────────────────────────── */
/* OLCULEN DURUM (once): h1 boyutu sayfadan sayfaya 24-43px arasi
   degisiyordu, hicbir sayfa serif kullanmiyordu ve uc sayfa marka yazi
   tipini hic yuklemedigi icin -apple-system'e dusuyordu.
   kurumsal7'nin olcegi: h1 41 · h2 33 · h3 21 — hepsi serif.

   NEDEN GOVDEYE DEGIL BASLIGA: govde metnini degistirmek 46 sayfanin
   satir yuksekligini ve tasma davranisini bozar. Baslik guvenli: blok
   ogedir, kendi satirini kaplar. Govde yalnizca yazi tipi ailesini alir. */
body{font-family:var(--kr-sans)}
h1,h2,h3{font-family:var(--kr-serif);letter-spacing:-.5px;line-height:1.15}
h1{font-size:clamp(28px,4.2vw,41px);font-weight:600;letter-spacing:-1.1px;line-height:1.08}
h2{font-size:clamp(23px,3.1vw,33px);font-weight:600;letter-spacing:-.8px;line-height:1.12}
h3{font-size:clamp(18px,2vw,21px);font-weight:600;letter-spacing:-.3px;line-height:1.25}
/* Ust menu ve alt bilgi kendi olceklerini korur — bunlar govde basligi degil. */
.kr-nav h1,.kr-nav h2,.kr-nav h3,.kr-alt h1,.kr-alt h2,.kr-alt h3{font-size:inherit;letter-spacing:normal}

/* ── KAPSAYICI VE BANT RITMI ────────────────────────────────────────── */
.kr-kap{max-width:var(--kr-kap);margin:0 auto;padding:0 var(--kr-u3)}
.kr-bl{padding:var(--kr-u5) 0}
.kr-bl.gri{background:var(--kr-wash);border-top:1px solid var(--kr-cizgi2);border-bottom:1px solid var(--kr-cizgi2)}
/* Koyu bant YOK: zemin her sayfada acik kalir (kurucu kurali, testle korunuyor). */

.kr-bl-bas{margin-bottom:var(--kr-u3);max-width:74ch}
.kr-bl-bas .kr-et{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:var(--kr-p700);margin-bottom:9px;display:flex;align-items:center;gap:7px}
.kr-bl-bas .kr-et svg{width:15px;height:15px;flex:0 0 auto}
.kr-bl-bas h1{font-family:var(--kr-serif);font-size:41px;font-weight:600;letter-spacing:-1.1px;line-height:1.08}
.kr-bl-bas h2{font-family:var(--kr-serif);font-size:33px;font-weight:600;letter-spacing:-.8px;line-height:1.12}
.kr-bl-bas p{font-size:15px;color:var(--kr-kum);margin-top:10px;line-height:1.62}
.kr-bl-bas p b{color:var(--kr-ink);font-weight:600}

/* Serif rakam — sayi otorite tasir */
.kr-sayi{font-family:var(--kr-serif);font-weight:600;letter-spacing:-1px;line-height:1;
  font-size:38px;color:var(--kr-p700);display:inline-block}

/* ── UST MENU ───────────────────────────────────────────────────────── */
.kr-nav{background:#fff;border-bottom:1px solid var(--kr-cizgi);position:sticky;top:0;z-index:200}
.kr-nav .kr-kap{display:flex;align-items:center;gap:var(--kr-u3);min-height:64px}
.kr-marka{display:flex;align-items:center;gap:11px;min-height:44px;text-decoration:none;color:inherit;flex:0 0 auto}
.kr-marka svg{width:30px;height:30px;color:var(--kr-p700);flex:0 0 auto}
.kr-marka b{font-family:var(--kr-serif);font-size:19px;font-weight:600;letter-spacing:-.3px;line-height:1.1;display:block}
.kr-marka small{display:block;font-size:10px;color:var(--kr-kum);font-weight:700;letter-spacing:.08em}
.kr-men{display:flex;gap:2px;margin-left:var(--kr-u2);flex-wrap:nowrap;min-width:0;overflow-x:auto;scrollbar-width:none}
.kr-men::-webkit-scrollbar{display:none}
.kr-men a{font-size:14px;font-weight:500;color:var(--kr-ink);text-decoration:none;padding:0 13px;
  min-height:44px;border-radius:var(--kr-rs);display:inline-flex;align-items:center;white-space:nowrap;flex:0 0 auto}
.kr-men a:hover{background:var(--kr-p50);color:var(--kr-p700)}
.kr-men a[aria-current="page"]{background:var(--kr-p700);color:#fff}
.kr-nav-sag{margin-left:auto;display:flex;align-items:center;gap:10px;flex:0 0 auto}

.kr-dg{font-family:inherit;font-size:13.5px;font-weight:600;padding:0 16px;min-height:44px;
  display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:var(--kr-rs);
  border:1px solid var(--kr-cizgi);background:#fff;color:var(--kr-ink);text-decoration:none;
  cursor:pointer;white-space:nowrap;transition:all .15s}
.kr-dg:hover{border-color:var(--kr-p700);color:var(--kr-p700);background:var(--kr-p50)}
.kr-dg-a{background:var(--kr-p700);border-color:var(--kr-p700);color:#fff}
.kr-dg-a:hover{background:var(--kr-p600);border-color:var(--kr-p600);color:#fff}
.kr-dg-sessiz{border-color:transparent;color:var(--kr-kum);background:none}
.kr-dg-sessiz:hover{border-color:var(--kr-cizgi);background:var(--kr-p50)}

/* telefon menusu */
.kr-mnu{display:none}
.kr-cek{display:none;position:fixed;left:0;right:0;bottom:0;background:#fff;z-index:190;
  overflow-y:auto;padding:var(--kr-u3) 0 var(--kr-u5);border-top:1px solid var(--kr-cizgi)}
.kr-cek.acik{display:block}
.kr-cek a{display:flex;align-items:center;min-height:52px;font-size:16px;font-weight:600;
  text-decoration:none;color:inherit;border-bottom:1px solid var(--kr-cizgi2)}
.kr-cek a[aria-current="page"]{color:var(--kr-p700)}

/* ── ESKI UST MENULER: .topnav ve .topbar ──────────────────────────
   7 sayfa hala kendi ust menusunu kullaniyordu (araclar, bolge, gunluk,
   karar, karsilastirma, randevu, uzmanla-gorus). Ayni sitede iki farkli
   ust menu gorunuyordu.

   ISARETLEME DEGISTIRILMEDI: bu menuler sayfaya ozel baglantilar tasiyor
   (Karar Skoru, Bolge Eslestirme, Gunluk 5 Soru...) ve mega menuleri var.
   Isaretlemeyi degistirsem o baglantilar kaybolurdu — yalnizca GORUNUM
   kurumsal menuye esitlendi. */
.topnav,.topbar{
  background:#fff !important;
  border-bottom:1px solid var(--kr-cizgi) !important;
  /* Olculdu: topnav 85px, topbar 92px, randevu 69px, kr-nav 65px —
     ayni sitede dort farkli ust menu yuksekligi. Hepsi 64'e esitlendi. */
  min-height:64px; height:auto;
  padding-top:0 !important; padding-bottom:0 !important;
  display:flex; align-items:center;
}
.topnav > .wrap,.topnav-in,.topbar{
  min-height:64px; display:flex; align-items:center;
  padding-top:0 !important; padding-bottom:0 !important;
}
.topnav .nav-links,.topbar .topbar-links{display:flex;align-items:center;gap:2px}
/* randevu.html'de hedefler 44px altindaydi */
.topnav a,.topbar a{min-height:44px;display:inline-flex;align-items:center}
.topnav .brand,.topbar .brand{
  font-family:var(--kr-serif) !important;
  font-size:19px !important; font-weight:600 !important;
  letter-spacing:-.3px; color:var(--kr-ink) !important;
  min-height:44px; display:inline-flex; align-items:center;
}
.topnav .brand span,.topbar .brand span{color:var(--kr-p700) !important}
.topnav .nav-links > a,.topbar .topbar-links a,.topnav .nav-drop > a{
  font-family:var(--kr-sans) !important;
  font-size:14px !important; font-weight:500 !important;
  color:var(--kr-ink) !important;
  min-height:44px; display:inline-flex; align-items:center;
  padding:0 13px !important; border-radius:var(--kr-rs);
  white-space:nowrap;
}
.topnav .nav-links > a:hover,.topbar .topbar-links a:hover,.topnav .nav-drop > a:hover{
  background:var(--kr-p50) !important; color:var(--kr-p700) !important;
}
.topnav .nav-links > a.active,.topnav .nav-drop > a.active,
.topbar .topbar-links a[aria-current="page"]{
  background:var(--kr-p700) !important; color:#fff !important;
}
/* Mega menu kurumsal kart diline cekildi. */
.topnav .mega{
  background:#fff !important;
  border:1px solid var(--kr-cizgi) !important;
  border-radius:var(--kr-rl) !important;
  box-shadow:var(--kr-g2) !important;
}
.topnav .mega-baslik{
  font-size:11px !important; font-weight:700 !important;
  letter-spacing:.12em !important; text-transform:uppercase;
  color:var(--kr-p700) !important;
}
.topnav .mega a{min-height:44px;display:flex;align-items:center;color:var(--kr-ink) !important}
.topnav .mega a:hover{color:var(--kr-p700) !important}

/* ── IKINCIL ARAC SERIDI ────────────────────────────────────────────
   18 sayfada .tool-topnav adinda ikinci bir ust serit vardi ve ortak menu
   eklendikten sonra ekranda IKI MENU ust uste duruyordu. Olcum bunu
   gormedi (iki serit de "vardi"); ekran goruntusu yakaladi.

   Eski serit SILINMEDI — icindeki baglantilar baska hicbir yerde yok
   (Randevu Al, Onboarding Akisi, Uzman Ol...). Bunun yerine HIYERARSIYE
   sokuldu: ana menu ustte ve baskin, arac seridi altinda sessiz.
   Yinelenen marka isareti gizlendi; ana menude zaten var. */
.tool-topnav{
  background:var(--kr-wash) !important;
  border-bottom:1px solid var(--kr-cizgi) !important;
  padding:0 var(--kr-u3) !important;
  min-height:44px;
  gap:2px !important;
  font-size:13px !important;
  overflow-x:auto; scrollbar-width:none; flex-wrap:nowrap !important;
}
.tool-topnav::-webkit-scrollbar{display:none}
.tool-topnav .tn-brand,
.tool-topnav .tn-sep{display:none !important}
.tool-topnav .tn-link{
  color:var(--kr-kum) !important;
  font-weight:500 !important;
  padding:0 11px !important;
  min-height:44px;
  display:inline-flex !important; align-items:center;
  border-radius:var(--kr-rs);
  white-space:nowrap; flex:0 0 auto;
  text-decoration:none;
}
.tool-topnav .tn-link:hover{color:var(--kr-p700) !important;background:var(--kr-p50) !important}
.tool-topnav .tn-active{
  color:var(--kr-p700) !important; font-weight:700 !important;
  box-shadow:inset 0 -2px 0 var(--kr-p700);
}
.tool-topnav .tn-right{margin-left:auto}

/* Ayni sorun cat-nav ve ciplak <header> seridinde de var. */
.cat-nav{background:var(--kr-wash) !important;border-bottom:1px solid var(--kr-cizgi) !important}

/* ── ROZET — dogrulama dili ─────────────────────────────────────────── */
.kr-rozet{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;
  letter-spacing:.06em;padding:5px 10px;border-radius:99px;white-space:nowrap}
.kr-rozet svg{width:12px;height:12px;flex:0 0 auto}
.kr-r-tam{background:var(--kr-yesil50);color:var(--kr-yesil);border:1px solid var(--kr-yesil-cz)}
.kr-r-surec{background:var(--kr-altin50);color:var(--kr-altin);border:1px solid var(--kr-altin-cz)}
.kr-r-beyan{background:var(--kr-terra50);color:var(--kr-terra);border:1px solid var(--kr-terra-cz)}
.kr-r-yok{background:#F5F4F1;color:var(--kr-kum);border:1px solid var(--kr-cizgi)}

/* Ornek isareti: ornek gostermek serbest, ornek oldugunu yazmamak degil. */
.kr-ornek{color:var(--kr-terra);font-weight:600}

/* ── KART ───────────────────────────────────────────────────────────── */
.kr-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:var(--kr-u2);align-items:start}
.kr-kart{background:#fff;border:1px solid var(--kr-cizgi);border-radius:var(--kr-rl);
  padding:var(--kr-u3) var(--kr-u2) var(--kr-u2);box-shadow:var(--kr-g1)}
.kr-kart h3{font-size:17px;font-weight:600;letter-spacing:-.2px;margin:0 0 7px}
.kr-kart p{font-size:13.5px;color:var(--kr-kum);line-height:1.6}
a.kr-kart{text-decoration:none;color:inherit;display:block;transition:all .16s}
a.kr-kart:hover{border-color:var(--kr-p600);box-shadow:var(--kr-g2);transform:translateY(-2px)}

/* ── KAYNAK SATIRI — her sayinin kaynagi yaninda yazar ──────────────── */
.kr-kaynak{font-size:12px;color:var(--kr-kum);line-height:1.55;
  padding-top:11px;margin-top:12px;border-top:1px solid var(--kr-cizgi2)}

/* ── GIRIS / KAYIT YUZLERI ────────────────────────────────────────
   Olculdu: "Hesap oluştur" ve "Şifremi unuttum" 20px, marka 36px,
   alt bilgideki e-posta 15px. Bunlar bir kullanicinin siteyle ilk
   temas ettigi ekranlar; hedefler parmakla basilabilir olmali. */
.login-shell a,.login-card a,.login-brand,.login-back{
  min-height:44px; display:inline-flex; align-items:center;
}
.login-shell .login-alt a,.login-card p a{padding:0 4px}
footer.kr-alt .kr-alt-kurum a{min-height:44px;display:inline-flex;align-items:center}

/* ── G GRUBU: paylasim · paylasilan · takip · feedback · uzman ─────
   paylasilan.html DISARIYA PAYLASILAN sayfa ve h1'i HIC YOKTU — ilk
   baslik "Eksik paylasim kodu" hata mesajiydi. Ekran okuyucu ve arama
   motoru sayfanin ne oldugunu h1'den anlar. Eklendi.
   takip/feedback h1'i 26-28px idi; kurumsal olcege cekildi. */
/* .hero h1 kendi olcusunu veriyordu (feedback 26px, takip 28px). */
body .hero h1, body .container > h1{
  font-size:clamp(28px,4.2vw,41px); letter-spacing:-1.1px; line-height:1.08;
}
/* takip.html'in kendi menu baglantilari 16px idi. */
body .menu a, body .nav a, body .links a{min-height:44px;display:inline-flex;align-items:center}
/* Radyo ve onay kutusu BUYUTULMEDI: etiketleri dokunma alanini zaten
   sagliyor; kutuyu buyutmek formu bozar. Etiket buyutuldu. */
body label:has(input[type=radio]), body label:has(input[type=checkbox]){
  min-height:44px; display:inline-flex; align-items:center; gap:8px;
}

.paylasim-baslik{
  max-width:var(--kr-kap); margin:var(--kr-u4) auto var(--kr-u2);
  padding:0 var(--kr-u3);
  font-family:var(--kr-serif); font-size:clamp(26px,3.4vw,34px);
  font-weight:600; letter-spacing:-.7px; line-height:1.15;
}
/* G grubundaki bagimsiz dugme ve baglantilar. */
body .sec a, body .sec button, body .row a, body .row button,
body .tab, body .toolbar a, body .toolbar button,
body .kart a, body .kart button{
  min-height:44px; display:inline-flex; align-items:center;
}

/* ── F GRUBU: rapor · mini-rapor · talep · randevu · yatirim ────────
   Olculdu: baslikler .card / .report-tier-card / duz DIV icinde 11-19px,
   kurumsal olcek 23px+. Bir de randevu.html'de <main> HIC YOK — bu
   yuzden butun "main ..." kurallari o sayfayi atliyordu.
   Cozum: kurallar <main> sartina bagli olmaktan cikarildi. */
body .card > h2, body .card > h3, body .tier h2, body .tier h3,
body .box > h2, body .report-set-head h2, body .report-tier-card h2,
body .report-tier-card h3{
  font-family: var(--kr-serif) !important;
  font-size: clamp(19px, 2.2vw, 24px);
  font-weight: 600; letter-spacing: -.4px; line-height: 1.18;
}
/* Form alanlari ve bagimsiz dugmeler — 13 input 44px altindaydi. */
body main input:not([type=hidden]):not([type=checkbox]):not([type=radio]),
body main select, body main textarea,
body .cta, body .btn, body .go, body .chip, body .tab, body .pill{
  min-height:44px;
}
body .cta, body .btn, body .go, body .chip, body .tab{
  display:inline-flex; align-items:center; justify-content:center;
}

/* ══ SAYFA GOVDESI — KURUMSAL YAPI ═══════════════════════════════════
   Kurucu: "anasayfa, karar sayfasi, diger tum sayfalar hala eski. Neden
   bunlari suanki kurumsal seviyeye cikarmadin?"

   HAKLI. Olculdu: kurumsal KABUK 39/47 sayfada vardi ama kurumsal YAPI
   (bant ritmi, kart dili, 33px serif bolum basligi) 0/47 sayfadaydi.
   kurumsal.css'i yazmistim ama govdeye hic uygulamamistim.

   46 sayfayi elle yeniden yazmak yerine TEKRAR EDEN YAPILAR eslendi —
   .topnav'da ise yarayan yontemin aynisi. Bes sinif 74 bolumu kapsiyor:
     section.panel (21) · .block (20) · .card (17) · .sec (10) · .cat (6)

   ISARETLEME DEGISMIYOR. Yalnizca bolum ritmi, baslik olcegi ve govde
   metni kurumsal dile cekiliyor. */

/* Bolum ritmi: nefes alani ve ayrim. */
main section.panel, main section.block, main section.card,
main section.sec, main section.cat, main section.grup,
main article.card{
  margin-bottom: var(--kr-u5);
}

/* Bolum basligi: serif + kurumsal olcek. Kendi olcusunu ACIKCA veren
   sayfalarda (header h1 gibi) dokunulmuyor — orasi kompakt sayfa basligi. */
/* Sayfalarin kendi h2 kurallari daha ozgul cikti (olculdu: 18-20px'te
   kaldi). Ayni ozguluge cikiliyor: main + kapsayici + h2. Basliklar
   ic ice de olabildigi icin dogrudan cocuk sarti kaldirildi. */
main section h2, main article h2, main .block h2, main .panel h2,
main .card h2, main .sec h2, main .cat h2{
  font-family: var(--kr-serif) !important;
  font-size: clamp(23px, 3.1vw, 33px);
  font-weight: 600;
  letter-spacing: -.8px;
  line-height: 1.12;
  margin: 0 0 10px;
}
/* Kart ICINDEKI baslik bolum basligi degildir — kucuk kalir. */
main .card h3, main .panel h3, main .kr-kart h3{
  font-size: clamp(16px, 1.6vw, 19px);
  letter-spacing: -.2px;
}
/* Basligin hemen altindaki tanitim cumlesi. */
main section h2 + p, main article h2 + p, main .block h2 + p, main .panel h2 + p{
  font-size: 15px;
  line-height: 1.62;
  color: var(--kr-kum);
  margin: 0 0 var(--kr-u3);
  max-width: 74ch;
}

/* Ust etiket (kicker) varsa kurumsal dilde. */
main .section-kicker, main .kicker, main .et, main .bl-et{
  font-size: 11px; font-weight: 700; letter-spacing: .14em;
  text-transform: uppercase; color: var(--kr-p700);
}

/* ── GEZINME BILESENLERI: .back · .pill · icindekiler listesi ───────
   Olculdu: .back 16-21px, .pill 29px, metodoloji icindekiler baglantilari
   16px. Ucu de GEZINME — parmakla basilabilir olmali.

   METIN ICI BAGLANTIYA DOKUNULMADI: <p> icindeki baglantiyi 44px'e
   zorlamak paragraf akisini bozar; WCAG 2.5.8 de metin ici baglantiyi
   muaf tutar. Yalnizca tek basina duran baglantilar buyutuldu
   (li > a:only-child = icindekiler maddesi). */
.back,a.back{min-height:44px;display:inline-flex;align-items:center;gap:6px;padding:0 4px}
.pill,a.pill{min-height:44px;display:inline-flex;align-items:center;padding:0 14px}
/* Liste maddesindeki baglantilar (icindekiler, kaynak listesi, iletisim).
   inline-flex: metin akisi bozulmaz, yalnizca dokunma alani buyur. */
li > a{min-height:44px;display:inline-flex;align-items:center;padding:2px 4px;margin:-2px 0}

/* ── SAYFA NOTU ────────────────────────────────────────────────────
   Bazi sayfalarin kendi kucuk alt bilgisi vardi (baglantilar + yasal
   uyari). SILINMEDI — tek <footer> kurumsal olsun diye sayfa notuna
   cevrildi; icerigin tamami yerinde. Sessiz durur, kurumsal alt bilginin
   ustunde. */
.sayfa-notu{max-width:var(--kr-kap);margin:var(--kr-u5) auto 0;padding:var(--kr-u3);
  text-align:center;font-size:13px;color:var(--kr-kum);
  border-top:1px solid var(--kr-cizgi2)}
.sayfa-notu a{color:var(--kr-kum);text-decoration:none;
  display:inline-flex;align-items:center;min-height:44px;padding:0 8px}
.sayfa-notu a:hover{color:var(--kr-p700);text-decoration:underline}
.sayfa-notu small{display:block;margin-top:6px;color:var(--kr-acik);line-height:1.6}

/* ── ARAC SAYFASI ALT BILGISI ────────────────────────────────────────
   .tool-footer 14 sayfaya kopyalanmisti ve ekranda DORT farkli sekilde
   goruluyordu:
       7 sayfa  24px  · 13px · baglanti kum      (sayfa-notu sinifi da var)
       3 sayfa  18/20 · 12px · baglanti murekkep
       2 sayfa  18/20 · 12px · baglanti marka
       1 sayfa  14/12 · 12px                     (analiz, kendi @media'si)
   Sebep: 8 sayfa .sayfa-notu sinifini da tasiyordu ve kurumsal gorunumu
   ordan aliyordu; digerleri kendi eski kopyasiyla kalmisti.

   Cogunluk gorunumu (kurumsal olan) tek kural haline getirildi. Zemini
   BILEREK tanimlamiyoruz: white-theme-override zaten beyaza zorluyor,
   burada tekrar yazmak o katmanla catisirdi.
   Bekci: app/tests/arac-seridi-tek-merkez.test.js */
.tool-footer{padding:var(--kr-u3);text-align:center;font-size:13px;
  color:var(--kr-kum) !important;border-top:1px solid var(--kr-cizgi2) !important}
.tool-footer a{color:var(--kr-kum) !important;text-decoration:none}
.tool-footer a:hover{color:var(--kr-p700) !important;text-decoration:underline}

/* ── ALT BILGI ──────────────────────────────────────────────────────── */
footer.kr-alt{background:var(--kr-wash) !important;color:var(--kr-kum) !important;
  border-top:1px solid var(--kr-cizgi);padding:var(--kr-u5) 0 var(--kr-u3);margin-top:var(--kr-u6)}
footer.kr-alt a{color:var(--kr-kum) !important;text-decoration:none;background:none !important}
footer.kr-alt a:hover{color:var(--kr-p700) !important;text-decoration:underline}
.kr-alt-iz{display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:var(--kr-u3)}
footer.kr-alt .kr-alt-logo{display:flex;align-items:center;gap:10px;color:var(--kr-p700) !important}
.kr-alt-logo svg{width:26px;height:26px;flex:0 0 auto}
.kr-alt-logo b{font-family:var(--kr-serif);font-size:18px;font-weight:600}
.kr-alt-ac{font-size:13.5px;line-height:1.6;margin-top:12px;max-width:34ch}
footer.kr-alt .kr-alt-kurum{font-size:12px;line-height:1.6;margin-top:var(--kr-u2);color:var(--kr-acik) !important}
footer.kr-alt h4{font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--kr-p700) !important;margin-bottom:12px}
.kr-alt-iz > div > a{display:flex;align-items:center;font-size:13.5px;padding:6px 0;min-height:44px}
.kr-alt-son{margin-top:var(--kr-u4);padding-top:var(--kr-u3);border-top:1px solid var(--kr-cizgi);
  display:flex;gap:var(--kr-u3);flex-wrap:wrap;align-items:center;font-size:12.5px}
.kr-alt-son .sag{margin-left:auto;display:flex;gap:var(--kr-u2);flex-wrap:wrap;align-items:center}
footer.kr-alt .kr-alt-son a{min-height:44px;display:inline-flex;align-items:center}

/* ── ERISILEBILIRLIK ────────────────────────────────────────────────── */
.kr-atla{position:absolute;left:-9999px;top:0;z-index:300;background:var(--kr-p700);color:#fff;
  padding:12px 18px;border-radius:0 0 var(--kr-rs) 0;font-weight:600;text-decoration:none}
.kr-atla:focus{left:0}
:where(.kr-nav,.kr-alt,.kr-bl) :focus-visible{outline:2px solid var(--kr-p600);outline-offset:2px;border-radius:6px}
.kr-alt :focus-visible{outline-color:var(--kr-p600)}

/* ── TELEFON ────────────────────────────────────────────────────────── */
@media (max-width:900px){
  .kr-alt-iz{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .kr-kap{padding:0 var(--kr-u2)}
  .kr-bl{padding:var(--kr-u4) 0}
  .kr-bl-bas h1{font-size:30px;letter-spacing:-.7px}
  .kr-bl-bas h2{font-size:26px;letter-spacing:-.5px}
  .kr-sayi{font-size:31px}
  .kr-men{display:none}
  .kr-mnu{display:inline-flex}
  .kr-nav .kr-kap{min-height:58px}
  .kr-alt-iz{grid-template-columns:1fr}
  .kr-alt-son .sag{margin-left:0}
  .kr-izgara{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  .kr-dg,a.kr-kart{transition:none}
  a.kr-kart:hover{transform:none}
}


/* ══ DOKUNMA HEDEFI — SON TUR ═══════════════════════════════════════
   Olculdu: 470 hedef 44px altinda. Dagilim:
     236  bolge.html'deki il noktalari  → MESRU ISTISNA (asagida)
      65  13 sayfanin KENDI alt bilgisi
      27  sss.html'in acilir basliklari — o sayfanin ASIL etkilesimi
      48  form alani · 25 menu baglantisi · kalan tekil dugmeler

   BOLGE NOKTALARI NEDEN BUYUTULMEDI
   81 ili tek cizgide gosteren veri gorsellestirmesi; nokta buyurse
   grafik okunamaz hale gelir. WCAG 2.5.8 "boyutu zorunlu" hedefi muaf
   tutar. Ustelik ESDEGER KONTROL var: ayni sayfada 81 secenekli ve
   44px yuksekliginde <select>. 247 noktanin 228'i zaten aria-label
   veya <title> tasiyor.

   NEDEN DOSYANIN SONUNDA: sayfalarin kendi <style> bloklari
   kurumsal.css'ten SONRA geliyor ve esit ozgulukte onlar kazaniyor.
   Bu blok ozgullugu yukseltir (html/body oneki) — !important yerine
   dogru cozum budur. */

html body summary{min-height:44px;display:flex;align-items:center;gap:8px}
html body summary::-webkit-details-marker{margin-right:4px}

/* Sayfalarin KENDI alt bilgisi — 13 sayfada kurumsal alt bilgi yok. */
html body footer a,
html body .tool-footer a,
html body .sayfa-notu a{min-height:44px;display:inline-flex;align-items:center}

/* Form alanlari. Radyo, onay kutusu ve kaydiraç HARIC: etiketleri
   dokunma alanini saglar, kutuyu buyutmek formu bozar. */
html body input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=range]),
html body select,
html body textarea{min-height:44px}

/* Sayfaya ozel menuler. */
html body nav a,
html body .menu a,
html body .links a,
html body .tabs a,
html body .tabs button{min-height:44px;display:inline-flex;align-items:center}

/* Olculen uc desen — sayfa kurallari daha ozgul cikti, ozgulluk esitlendi.
   index ust serit .sag (19px) · kvkk/yasal icindekiler nav (33px) ·
   mini-rapor .report-tier-actions (36px). */
html body .sag a,
html body nav a,
html body .report-tier-actions a,
html body .report-tier-actions button,
html body a.tum{min-height:44px;display:inline-flex;align-items:center}

/* Son olcum: kvkk/yasal'da gezinme <nav> ETIKETI degil <div class="nav">
   ve icinde BUTON var — onceki kural yalnizca "nav a"ya bakiyordu.
   index'te marka, sekme ve "sik aranan" baglantilari. */
html body .nav button,
html body .nav a,
html body a.logo,
html body .sek button,
html body .kah-alt a{min-height:44px;display:inline-flex;align-items:center}


/* ══ TELEFON MENUSU — SOLDAN ACILAN CEKMECE ══════════════════════════
   Kurucu: "ust sekme yerine sol tarafta sekme olsa cok daha kaliteli ve
   kurumsal olur... telefonda kaybolanlari sol taraftaki sekme gorunur
   kilariz."

   OLCULEN SORUN: telefonda `.kr-men{display:none}` diyordum ama yerine
   hicbir sey konmamisti. index, kanit, uzmanlar'da GORUNUR menu
   baglantisi 0 idi — Bolgeler, Karar Araclari, Danismanlar, Alim Dosyam
   telefonda hic ulasilamiyordu.

   Isaretleme kurumsal-menu.js tarafindan sayfanin KENDI menusunden
   uretilir; burada yalnizca gorunum var. */

.kr-mnu{
  display:none; align-items:center; justify-content:center; gap:7px;
  min-height:44px; padding:0 13px;
  font:600 13.5px/1 var(--kr-sans); color:var(--kr-ink);
  background:#fff; border:1px solid var(--kr-cizgi);
  border-radius:var(--kr-rs); cursor:pointer;
}
.kr-mnu svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}
.kr-mnu:hover{border-color:var(--kr-p700);color:var(--kr-p700);background:var(--kr-p50)}

.kr-perde{
  position:fixed; inset:0; z-index:300;
  background:rgba(10,46,55,.42);
  opacity:0; transition:opacity .2s ease;
}
.kr-perde.acik{opacity:1}

.kr-cekmece{
  position:fixed; top:0; left:0; bottom:0; z-index:310;
  width:min(84vw, 340px);
  background:#fff; border-right:1px solid var(--kr-cizgi);
  box-shadow:0 0 40px -8px rgba(19,22,26,.28);
  display:flex; flex-direction:column;
  transform:translateX(-100%); transition:transform .22s ease;
  overscroll-behavior:contain;
}
.kr-cekmece.acik{transform:translateX(0)}

.kr-cek-bas{
  display:flex; align-items:center; justify-content:space-between;
  gap:12px; padding:0 var(--kr-u2) 0 var(--kr-u3);
  min-height:64px; border-bottom:1px solid var(--kr-cizgi);
  flex:0 0 auto;
}
.kr-cek-marka{font-family:var(--kr-serif);font-size:19px;font-weight:600;letter-spacing:-.3px}
.kr-cek-kapat{
  min-width:44px; min-height:44px;
  display:inline-flex; align-items:center; justify-content:center;
  background:none; border:0; cursor:pointer; color:var(--kr-kum);
  border-radius:var(--kr-rs);
}
.kr-cek-kapat:hover{background:var(--kr-p50);color:var(--kr-p700)}
.kr-cek-kapat svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}

.kr-cek-govde{flex:1 1 auto;overflow-y:auto;padding:var(--kr-u2) var(--kr-u3) var(--kr-u5)}
.kr-cek-grup{
  font-size:11px; font-weight:700; letter-spacing:.13em; text-transform:uppercase;
  color:var(--kr-p700); margin:var(--kr-u3) 0 6px;
}
.kr-cek-grup:first-child{margin-top:var(--kr-u1)}
.kr-cek-bag{
  display:flex; align-items:center; min-height:48px;
  font-size:15.5px; font-weight:500; color:var(--kr-ink); text-decoration:none;
  border-bottom:1px solid var(--kr-cizgi2); padding:0 2px;
}
.kr-cek-bag:last-child{border-bottom:0}
.kr-cek-bag:hover{color:var(--kr-p700)}
.kr-cek-bag[aria-current="page"]{color:var(--kr-p700);font-weight:700}
.kr-cek-kucuk{font-size:13.5px;min-height:44px;color:var(--kr-kum)}

/* Genis ekranda cekmece hic gorunmez — ust menu zaten var. */
@media (min-width:901px){
  .kr-mnu,.kr-perde,.kr-cekmece{display:none !important}
}
@media (max-width:900px){
  .kr-mnu{display:inline-flex;order:-1;margin-right:2px}
  /* Sagdaki eylem dugmeleri telefonda GIZLENIR — ikisi de cekmecede
     "Hesap" basligi altinda duruyor. Yer acilir, hamburger tasmaz. */
  .kr-nav-sag > a,.bas-sag > a{display:none}
  .kr-nav-sag,.bas-sag{margin-left:auto;gap:0}
  /* Ust menu gizli kalir ama artik YERINE cekmece var. */
  .kr-men,.topnav .nav-links,.topbar-links,.tool-topnav,
  header.bas nav.men,nav.ks{display:none !important}   /* anasayfa da dahil */
  .kr-nav .kr-kap{min-height:58px}
}
@media (prefers-reduced-motion:reduce){
  .kr-cekmece,.kr-perde{transition:none}
}

/* Anasayfa arama kutusu — eslesmeyen aramada yazili geri bildirim.
   Sessizce yanlis sayfaya goturmek, hic gitmemekten kotudur. */
.kah-uyari{
  margin:10px 0 0; font-size:13.5px; line-height:1.5;
  color:#9B2C1B; background:#FCEEEB; border:1px solid #E7BCB3;
  border-radius:8px; padding:10px 13px; max-width:590px;
}
