/* İz Bırakanlar — parşömen tasarımı (mockup birebir) · SedatCaglak */

/* ---- Font: Yellowtail (retro monoline), kendi sunucumuzda ---- */
@font-face{
  font-family:'IzScript'; font-style:normal; font-weight:400; font-display:swap;
  src:url('fonts/yellowtail-latinext.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:'IzScript'; font-style:normal; font-weight:400; font-display:swap;
  src:url('fonts/yellowtail-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

:root{
  --iz-murekkep:#1b2440; --iz-mavi:#455ea8; --iz-mavi-koyu:#33487f;
  --iz-script:#1f3a4a;
  --iz-govde:#3d382b; --iz-soluk:#8a7f66;
  --iz-kagit:#f4ecd7;
  --iz-golge:26,32,58;
}

/* ---- Sayfa temeli: sıcak tan parşömen ---- */
.iz-body{
  /* clip = hidden gibi kırpar ama kaydırma kutusu AÇMAZ.
     "hidden" olsaydı üstbilgi/altbilgi sabitlemesi (sticky) sessizce çalışmazdı. */
  margin:0; color:var(--iz-govde);
  overflow-x:hidden;   /* eski tarayıcı yedeği */
  overflow-x:clip;     /* modern: kırpar ama üstbilgi sabitlemesini bozmaz */
  font-family:'DM Sans','Segoe UI',system-ui,sans-serif; font-size:16px; line-height:1.6;
  background:#f0e8cf url('assets/bg.jpg') center center / cover no-repeat fixed;
  -webkit-font-smoothing:antialiased;
}
.iz-wrap{max-width:1180px;margin:0 auto;padding:0 24px}

/* ---- Üst başlık: beyaz kağıt şerit + logo + script menü ---- */
.iz-header{position:sticky;top:0;z-index:50;background:#fbf8f1;border-bottom:1px solid rgba(27,36,64,.10);box-shadow:0 2px 14px rgba(var(--iz-golge),.06)}
.iz-header-in{max-width:1240px;margin:0 auto;padding:14px 30px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.iz-marka{display:flex;align-items:center;gap:12px;text-decoration:none}
.iz-marka img{height:46px;width:auto;display:block}
.iz-marka .iz-marka-ad{font-weight:800;font-size:16px;letter-spacing:.06em;color:var(--iz-murekkep)}
.iz-marka-grup{display:flex;align-items:center;gap:14px}
.iz-bolum{font-family:'IzScript',cursive;font-size:26px;color:#455ea8;line-height:1;padding-left:15px;border-left:2px solid rgba(27,36,64,.16);text-decoration:none}
.iz-bolum:hover{color:#33487f}
@media(max-width:560px){.iz-bolum{font-size:19px;padding-left:10px;gap:8px}}
.iz-nav{display:flex;align-items:center;gap:44px}
.iz-nav a{font-family:'IzScript',cursive;font-size:27px;color:#22335f;text-decoration:none;transition:color .2s,transform .2s;line-height:1}
.iz-nav a:hover,.iz-nav a.aktif{color:var(--iz-mavi)}
.iz-nav-toggle{display:none;background:none;border:0;cursor:pointer;color:var(--iz-murekkep)}

/* ---- Detay düzeni ---- */
.iz-detay{display:grid;grid-template-columns:340px 1fr;gap:52px;padding:50px 0 24px;align-items:start}
/* Izgara gözleri içeriğinden daha dar olabilsin — yoksa dar ekranda sütun taşar ve sağı kesilir */
.iz-detay > *{min-width:0}
.iz-sol{position:sticky;top:96px}

/* Kişi kartı = fotoğraf + isim + ünvan TEK beyaz kartta */
.iz-kisi{position:relative;background:#fff;padding:16px 16px 20px;border-radius:5px;box-shadow:0 1px 2px rgba(var(--iz-golge),.07),0 14px 30px rgba(var(--iz-golge),.16),0 30px 60px rgba(var(--iz-golge),.10);max-width:320px}
.iz-kisi-foto{position:relative;border-radius:3px;overflow:visible;background:linear-gradient(165deg,#1b2440,#33487f);aspect-ratio:1/1.12;margin-top:26px}
.iz-kisi-foto img{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:auto;max-width:none;height:128%;display:block}
.iz-kisi-foto .iz-sil{position:absolute;left:50%;bottom:0;transform:translateX(-50%);height:110%;width:auto}
/* İsim: ad üstte ince, SOYAD altta kalın ve büyük (tasarımdaki gibi iki satır) */
.iz-kisi-ad{margin:20px 4px 0;color:var(--iz-murekkep);line-height:1.0}
.iz-kisi-ad .iz-ad{display:block;font-size:29px;font-weight:400;letter-spacing:-.01em}
.iz-kisi-ad .iz-soyad{display:block;font-size:38px;font-weight:800;text-transform:uppercase;letter-spacing:-.02em;margin-top:2px;overflow-wrap:break-word}
.iz-kisi-unvan{margin:8px 4px 0;font-size:13px;color:var(--iz-soluk);font-weight:600}
/* Damga — kartın sağ alt köşesine biner (tasarımdaki konum) */
.iz-stamp{position:absolute;right:-46px;bottom:-38px;width:150px;pointer-events:none;transform:rotate(-15deg);transform-origin:center}
.iz-stamp img{width:100%;height:auto;filter:invert(11%) sepia(38%) saturate(1600%) hue-rotate(196deg) brightness(.62) contrast(1.05);opacity:.9}
/* Ankara Kent Konseyi logosu — kartın altında (tasarımda var) */
.iz-akk{margin:38px 0 0 6px}
.iz-akk img{width:190px;height:auto;display:block;opacity:.95}

/* ---- Sağ: yazı doğrudan parşömenin üstünde (tasarımda ayrı kutu yok) ---- */
.iz-sag{background:none;border:0;border-radius:0;box-shadow:none;padding:6px 0 34px}
.iz-tarih{text-align:right;font-size:13px;color:#5b5340;font-weight:600;letter-spacing:.02em}
.iz-baslik-script{font-family:'IzScript',cursive;font-weight:400;font-size:clamp(42px,5.6vw,66px);color:var(--iz-script);line-height:1;margin:2px 0 20px}
.iz-icerik{color:var(--iz-govde);font-size:15px;line-height:1.72}
.iz-icerik p{margin:0 0 11px}
.iz-icerik ul{margin:0 0 11px;padding:0;list-style:none}
.iz-icerik ul li{padding:1px 0;color:var(--iz-govde)}
.iz-icerik a{color:var(--iz-mavi);text-decoration:underline}
.iz-icerik strong{font-weight:600;color:var(--iz-govde)}

/* ---- Alt: diğer iz bırakanlar — tasarımdaki gibi beyaz şerit (tam genişlik) ---- */
.iz-digerleri{
  padding:44px 0 56px;
  background:#fff;
  border-top:1px solid rgba(27,36,64,.07);
  /* Sarmalayıcının dışına taşıp ekranı boydan boya kapla.
     Şerit de tam genişlikte aksın diye yan iç boşluk verilmez. */
  margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);
  padding-left:0; padding-right:0;
  box-shadow:inset 0 14px 26px -22px rgba(var(--iz-golge),.35);
}
.iz-digerleri h2{font-family:'IzScript',cursive;font-weight:400;font-size:44px;color:var(--iz-script);text-align:center;margin:0 0 4px}
.iz-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px 30px;max-width:940px;margin:0 auto;padding-top:36px}
.iz-kart{background:#fff;padding:14px 14px 20px;border-radius:5px;text-decoration:none;color:inherit;overflow:visible;box-shadow:0 1px 2px rgba(var(--iz-golge),.07),0 12px 28px rgba(var(--iz-golge),.14);transition:transform .28s,box-shadow .28s;display:block}
.iz-kart:hover{transform:translateY(-6px);box-shadow:0 24px 50px rgba(var(--iz-golge),.22)}
/* Cutout: PNG portre navy zeminde alttan hizalı, üstten çerçeve dışına taşar (pop-out) */
.iz-kart-foto{position:relative;aspect-ratio:1/1.06;border-radius:3px;overflow:visible;background:linear-gradient(165deg,#1b2440,#33487f)}
.iz-kart-foto img{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:auto;max-width:none;height:130%;display:block}
.iz-kart-foto .iz-sil{position:absolute;left:50%;bottom:0;transform:translateX(-50%);height:113%;width:auto}
.iz-kart-ad{
  margin-top:16px;font-size:24px;font-weight:800;color:var(--iz-murekkep);line-height:1.12;padding:0 4px;
  /* En çok 2 satır: tek bir uzun kayıt bütün kartları uzatmasın */
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;
  min-height:2.24em;
}
/* Ünvan satırı boş olsa bile yer tutar — kartlar aynı ritimde kalsın (tasarımda İsim + Ünvan) */
.iz-kart-unvan{font-size:14px;color:var(--iz-soluk);font-weight:600;padding:4px 4px 0;min-height:1.25em}
/* Kayan şerit (detay altı — diğer iz bırakanlar)
   Kartlar soldan başlar, tam sayıda kart sığar — yarım kart görünmez. */
.iz-digerleri .iz-serit{position:relative}
.iz-digerleri .iz-kaydir{
  --iz-kart-en:210px; --iz-bosluk:20px;
  display:flex;gap:var(--iz-bosluk);justify-content:flex-start;
  overflow-x:auto;overflow-y:visible;
  padding:40px 4px 20px;-webkit-overflow-scrolling:touch;
  scrollbar-width:none;                 /* gezinme oklarla */
}
.iz-digerleri .iz-kaydir::-webkit-scrollbar{display:none}
.iz-digerleri .iz-kaydir .iz-kart{
  /* Kart eni sabit; ekrana kaç tane sığarsa o kadar dizilir, gerisi kayar */
  flex:0 0 var(--iz-kart-en);
  background:#fff;box-shadow:0 1px 2px rgba(var(--iz-golge),.08),0 10px 24px rgba(var(--iz-golge),.13);
}
@media(max-width:900px){ .iz-digerleri .iz-kaydir{--iz-kart-en:190px;--iz-bosluk:18px} }
@media(max-width:600px){ .iz-digerleri .iz-kaydir{--iz-kart-en:165px;--iz-bosluk:16px} }
@media(max-width:420px){ .iz-digerleri .iz-kaydir{--iz-kart-en:150px;--iz-bosluk:14px} }

/* Kartlar daraldıkça yazı da küçülsün */
.iz-digerleri .iz-kaydir .iz-kart-ad{font-size:18px}
.iz-digerleri .iz-kaydir .iz-kart-unvan{font-size:12.5px}
@media(max-width:600px){ .iz-digerleri .iz-kaydir .iz-kart-ad{font-size:16px} }

/* Kaydırma okları */
.iz-digerleri .iz-ok{
  position:absolute;top:calc(50% + 8px);transform:translateY(-50%);z-index:5;
  width:46px;height:46px;border-radius:50%;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  background:#fff;border:1px solid rgba(27,36,64,.14);color:var(--iz-mavi);
  box-shadow:0 2px 6px rgba(var(--iz-golge),.12),0 10px 24px rgba(var(--iz-golge),.16);
  transition:transform .18s ease,color .18s ease,border-color .18s ease;
}
.iz-digerleri .iz-ok svg{flex:0 0 auto;display:block}
.iz-digerleri .iz-ok:hover{color:var(--iz-mavi-koyu);border-color:var(--iz-mavi);transform:translateY(-50%) scale(1.06)}
.iz-digerleri .iz-ok:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(69,94,168,.35)}
.iz-digerleri .iz-ok[hidden]{display:none}
.iz-digerleri .iz-ok-sol{left:14px}
.iz-digerleri .iz-ok-sag{right:14px}
/* Dar ekranda oklar kartların üstüne biner — gizlenir, parmakla kaydırılır */
@media(max-width:700px){ .iz-digerleri .iz-ok{display:none} }
@media(max-width:479px){ .iz-digerleri .iz-kaydir{--iz-bosluk:16px} }
.iz-digerleri .iz-kaydir::-webkit-scrollbar{height:8px}
.iz-digerleri .iz-kaydir::-webkit-scrollbar-thumb{background:rgba(27,36,64,.22);border-radius:4px}

/* ---- Arşiv (liste) ---- */
.iz-arsiv-hero{text-align:center;padding:46px 0 22px}
.iz-arsiv-hero .iz-baslik-script{font-size:clamp(42px,6vw,66px);margin:0}
.iz-arsiv-intro{color:var(--iz-govde);font-size:16px;max-width:640px;margin:6px auto 0}
/* Liste araması */
.iz-ara{max-width:420px;margin:22px auto 0}
.iz-ara-etiket{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.iz-ara-kutu{
  width:100%;box-sizing:border-box;font:inherit;font-size:15px;padding:12px 16px;
  border:1px solid #cbb98f;border-radius:999px;background:#fffdf8;color:var(--iz-govde);
  outline:none;transition:border-color .2s,box-shadow .2s;text-align:center;
}
.iz-ara-kutu:focus{border-color:var(--iz-mavi);box-shadow:0 0 0 3px rgba(69,94,168,.15)}
.iz-ara-sonuc{min-height:1.2em;margin:8px 0 0;font-size:13.5px;color:var(--iz-soluk);text-align:center}
.iz-kart[hidden],.iz-kat[hidden]{display:none}
.iz-kat{padding:12px 0 30px}
.iz-kat-baslik{font-size:14px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--iz-mavi-koyu);text-align:center;margin:0 0 24px}
.iz-kat-baslik:after{content:"";display:block;width:52px;height:2px;background:var(--iz-mavi);margin:12px auto 0;border-radius:2px}
.iz-bos{text-align:center;color:var(--iz-soluk);padding:44px 0}

/* ---- İz Bırak formu ---- */
.iz-form-hero{text-align:center;padding:46px 0 6px}
.iz-form-hero .iz-baslik-script{font-size:clamp(40px,6vw,62px);margin:0}
.iz-form-hero p{color:var(--iz-govde);max-width:640px;margin:8px auto 0}
.iz-form-kutu{max-width:660px;margin:26px auto 60px;background:var(--iz-kagit);border:1px solid rgba(27,36,64,.09);border-radius:6px;padding:34px 36px;box-shadow:0 1px 2px rgba(var(--iz-golge),.05),0 14px 40px rgba(var(--iz-golge),.10)}
.iz-alan{margin-bottom:18px}
.iz-alan label{display:block;font-weight:700;font-size:14px;color:var(--iz-murekkep);margin-bottom:6px}
.iz-alan .zorunlu{color:#b5432f}
.iz-alan input[type=text],.iz-alan input[type=email],.iz-alan textarea,.iz-alan select{width:100%;box-sizing:border-box;font:inherit;font-size:15px;padding:12px 14px;border:1px solid #cbb98f;border-radius:8px;background:#fffdf8;color:var(--iz-govde);outline:none;transition:border-color .2s,box-shadow .2s}
.iz-alan input:focus,.iz-alan textarea:focus,.iz-alan select:focus{border-color:var(--iz-mavi);box-shadow:0 0 0 3px rgba(69,94,168,.15)}
.iz-alan textarea{min-height:150px;resize:vertical;line-height:1.6}
.iz-alan .ipuc{font-size:12.5px;color:var(--iz-soluk);margin-top:5px}
.iz-alan input[type=file]{font-size:14px;color:var(--iz-govde)}
.iz-kvkk{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--iz-govde);line-height:1.5}
.iz-kvkk input{margin-top:3px;width:18px;height:18px;flex-shrink:0}
.iz-gizli{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.iz-gonder{margin-top:22px;width:100%;background:var(--iz-mavi);color:#fff;border:0;border-radius:10px;padding:15px;font-size:16px;font-weight:700;cursor:pointer;transition:background .2s,transform .15s}
.iz-gonder:hover{background:var(--iz-mavi-koyu);transform:translateY(-1px)}
.iz-mesaj{max-width:660px;margin:24px auto 0;padding:16px 20px;border-radius:10px;font-size:15px;line-height:1.55}
.iz-mesaj.ok{background:#e7f3ea;border:1px solid #a8d3b4;color:#245c37}
.iz-mesaj.hata{background:#fbeae7;border:1px solid #e2b3aa;color:#9a3421}
@media(max-width:560px){.iz-form-kutu{padding:24px 20px;margin-bottom:40px}}

/* ---- Altbilgi ---- */
/* Altbilgi sayfanın en altında durur (ekrana sabitlenmez) */
.iz-footer{
  background:#ddcba7;border-top:1px solid rgba(27,36,64,.12);text-align:center;
  padding:22px 24px calc(24px + env(safe-area-inset-bottom, 0px));
  color:#4a4433;font-size:14px;line-height:1.55;
}
.iz-footer strong{color:var(--iz-murekkep)}
/* İmza + telif tek satır, yasal bağlantılar aynı hizada (CLAUDE.md §6) */
.iz-altbilgi-alt{display:flex;flex-direction:column;gap:.5rem;align-items:center;max-width:1180px;margin:0 auto;padding:0 24px}
.iz-altbilgi-alt p{margin:0}
.iz-altbilgi-alt nav{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}
.iz-altbilgi-alt a{color:var(--iz-mavi-koyu);text-decoration:none;border-bottom:1px solid rgba(51,72,127,.4)}
.iz-altbilgi-alt a:hover{color:var(--iz-mavi)}
@media(min-width:640px){
  .iz-altbilgi-alt{flex-direction:row;align-items:center;justify-content:space-between;text-align:left}
}

/* ---- Sosyal paylaşım (parşömen uyumu) ---- */
.iz-sag .scg-paylas{border-top:1px solid rgba(27,36,64,.14);margin-top:24px;padding-top:18px}

/* ---- Mobil ---- */
@media(max-width:860px){
  .iz-detay{grid-template-columns:1fr;gap:36px;padding:32px 0 18px}
  .iz-sol{position:static;display:flex;flex-direction:column;align-items:center}
  .iz-akk{margin:26px 0 0}
  .iz-sag{padding:0}
  .iz-sag .scg-paylas-butonlar{min-width:0}
  .iz-grid{grid-template-columns:1fr 1fr;gap:20px}
  .iz-nav{display:none}
  .iz-nav.acik{display:flex;position:absolute;top:100%;right:0;left:0;background:#fbf8f1;flex-direction:column;gap:4px;padding:10px 24px 14px;border-bottom:1px solid rgba(27,36,64,.12);box-shadow:0 12px 24px rgba(var(--iz-golge),.10)}
  /* Dokunma hedefi en az 44 px */
  .iz-nav.acik a{display:flex;align-items:center;min-height:44px;padding:4px 0}
  .iz-nav-toggle{display:block}
}
@media(max-width:520px){
  .iz-grid{grid-template-columns:1fr;max-width:300px}
  .iz-baslik-script{font-size:36px}
  .iz-stamp{width:112px;right:-12px;bottom:-26px}
  .iz-kisi-unvan{padding-right:86px}            /* damga ünvan yazısının üstüne binmesin */
  .iz-kisi-ad .iz-soyad{font-size:34px}
}

/* ---- Yapı / mekân kayıtları: bina çizimi çerçeveden taşmaz ---- */
.iz-kart-foto .iz-sil-yer,.iz-kisi-foto .iz-sil-yer{height:82%}
.iz-kisi-ad .iz-soyad:only-child{font-size:32px;text-transform:none;letter-spacing:-.01em}

/* ---- Form: tür seçimi ve dosya alanı ---- */
.iz-alan-baslik{display:block;font-weight:700;font-size:14px;color:var(--iz-murekkep);margin-bottom:8px}
.iz-secim{display:flex;gap:22px;flex-wrap:wrap}
.iz-secim label{display:flex;align-items:center;gap:8px;font-weight:500;font-size:14.5px;color:var(--iz-govde);cursor:pointer}
.iz-secim input{width:17px;height:17px;accent-color:var(--iz-mavi);cursor:pointer}
.iz-dosya{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.iz-dosya input[type=file]{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.iz-dosya-dugme{
  display:inline-block;padding:10px 18px;border-radius:999px;cursor:pointer;
  background:#fffdf8;border:1px solid #cbb98f;color:var(--iz-mavi-koyu);
  font-weight:700;font-size:14px;transition:background .2s,border-color .2s,transform .15s;
}
.iz-dosya-dugme:hover{background:#fff;border-color:var(--iz-mavi);transform:translateY(-1px)}
.iz-dosya input[type=file]:focus-visible + .iz-dosya-dugme{box-shadow:0 0 0 3px rgba(69,94,168,.35)}
.iz-dosya-ad{font-size:13.5px;color:var(--iz-soluk);overflow-wrap:anywhere}

/* ---- Sabit üstbilgi/altbilgi — dar ekranda ekranı yemesin ---- */
@media(max-width:560px){
  .iz-header-in{padding:10px 16px}
  .iz-marka img{height:38px}
  .iz-footer{
    padding:16px 16px calc(18px + env(safe-area-inset-bottom, 0px));
    font-size:12.5px;line-height:1.5;
  }
  .iz-footer .iz-imza{margin-top:2px;font-size:12.5px}
}