/* MIHENKAR - ortak stiller (anasayfa / giris / kayit)
 *
 * Renkler UYDURULMADI - arayuzun kendi paletinden (Notlar/Marka.md).
 * Marka, arayuz ve bu sayfalar ayni yerden besleniyor.
 */
:root{
  --zemin:#1b1c1f; --kart:#232429; --cizgi:#33353a; --cizgi2:#4a4d53;
  --yazi:#d8d9dc; --soluk:#8b8d93; --vurgu:#d8a94a; --vurgu2:#e8c672;
  --hata:#d9736a;
  /* Yuzler anasayfayla AYNI - Fraunces basliklarda,
     Archivo govdede. Ikisi de SIL OFL (6. kural).
     Yedek yigin gercek: aglar yavassa ya da yuz
     engellenirse sayfa yine okunur kalir. */
  --baslik:"Fraunces",Georgia,"Times New Roman",serif;
  --govde:"Archivo","Segoe UI",system-ui,sans-serif;
}
*{box-sizing:border-box}

/* --- BAGLANTI RENGI - TARAYICI MAVISI KULLANILMAZ ------------
 *
 * Kullanici (11.10.2026): *"bu mavi yazi kodunu iptal et,
 * okunmuyor; hicbir yerde kullanmayalim, matlastirabiliriz"*.
 *
 * Dosyada HIC `a` kurali yoktu; baglantilar tarayicinin
 * varsayilan `-webkit-link` mavisini aliyordu. O mavi ACIK
 * zemin icin tasarlanmistir, bizim #1b1c1f zeminimizde
 * okunmuyor. `:visited` ayri kural ister - varsayilani mor.
 *
 * Secim: metin rengi + ince alt cizgi. Baglanti oldugu alt
 * cizgiden anlasilir, renge yuk binmez.
 *
 * Sinif tasiyan baglantilar (`.birincil`, `.ikinci`,
 * `.ikincilBag`) kendi kurallariyla BUNU EZER - ozgullukleri
 * daha yuksek. Yani dugme gibi gorunenler degismiyor.
 */
a,a:visited{color:var(--yazi);text-decoration:underline;
  text-decoration-color:var(--cizgi2);text-underline-offset:2px}
a:hover,a:focus-visible{color:var(--vurgu);
  text-decoration-color:var(--vurgu)}
a:active{color:var(--vurgu)}
/* Sayfa DIKEY AKIS: icerik kisa kaldiginda alt serit sayfanin
   ortasinda asili kalmasin diye `margin-top:auto` ile en alta
   itilir. Olculdu 17.10.2026: anasayfa ekrani doldurmuyordu ve
   serit bosluga yapismis gorunuyordu. */
body{margin:0;min-height:100vh;display:flex;flex-direction:column;
     background:var(--zemin);color:var(--yazi);
     font:14.5px/1.6 var(--govde)}

/* --- DIL SECICI - her sayfada SAG USTTE ---------------------
 * `position:fixed` bilerek: anasayfa kayiyor, giris sayfasi
 * ortalanmis. Ikisinde de ayni yerde dursun. */
.dil{position:fixed;top:14px;right:16px;display:flex;gap:4px;z-index:10}
.dil button{padding:5px 10px;background:transparent;color:var(--soluk);
    border:1px solid var(--cizgi);border-radius:6px;cursor:pointer;
    font-size:12px;letter-spacing:.04em}
.dil button:hover{color:var(--yazi)}
.dil button.acik{color:var(--vurgu);border-color:var(--vurgu);
    background:rgba(216,169,74,.08)}

/* --- KART (giris / kayit) ----------------------------------- */
/* `align-content` ACIKCA yaziliyor: `place-items` yalniz
   HUCRE ICINDE hizalar, satirin kendisi kapsayicinin ustune
   yapisik kalabiliyordu (dar ekranda kart yukarida asili
   duruyordu, olculdu 17.10.2026). */
.ortala{min-height:100vh;display:grid;place-items:center;
  align-content:center;padding:20px}
.kart{width:min(92vw,360px);background:var(--kart);
      border:1px solid var(--cizgi);border-radius:12px;padding:28px 26px}
.marka{text-align:center;margin-bottom:22px}
.marka img{width:52px;height:52px}
.marka h1{font-size:17px;letter-spacing:.22em;margin:12px 0 4px;font-weight:600}
.slogan{color:var(--soluk);font-size:12px;font-style:italic;margin:0}

label{display:block;font-size:11px;color:var(--soluk);
      margin:12px 0 4px;letter-spacing:.04em}
input{width:100%;padding:9px 10px;background:var(--zemin);color:var(--yazi);
      border:1px solid var(--cizgi2);border-radius:7px;font-size:14px}
input:focus{outline:none;border-color:var(--vurgu)}
.dugme{width:100%;margin-top:20px;padding:10px;background:var(--vurgu);
       color:#1b1c1f;border:0;border-radius:7px;font-size:14px;
       font-weight:600;cursor:pointer}
.dugme:disabled{opacity:.5;cursor:default}
.ikincil{width:100%;margin-top:9px;padding:9px;background:transparent;
         color:var(--soluk);border:1px solid var(--cizgi);
         border-radius:7px;font-size:13px;cursor:pointer}
.ikincil:hover{color:var(--yazi)}
.satirSag{margin-top:7px;text-align:right}
.satirSag a{font-size:11.5px;color:var(--vurgu);text-decoration:none}
.satirSag a:hover{text-decoration:underline}
.uretilen{margin-top:9px;padding:9px 10px;border:1px dashed var(--cizgi2);
  border-radius:7px;text-align:center}
.uretilen code{display:block;font-size:14px;letter-spacing:.5px;
  word-break:break-all;color:var(--yazi)}
.uretilenNot{display:block;margin-top:5px;font-size:11px;
  color:var(--soluk);line-height:1.45}
.ikincilBag{display:block;text-align:center;text-decoration:none}
.mesaj{margin-top:14px;font-size:12.5px;min-height:1.2em;color:var(--hata)}
.ipucu{margin-top:16px;font-size:11px;color:var(--soluk);text-align:center;
       line-height:1.6}

/* Sayfalar arasi gecis baglantisi - "hesabin yok mu?" */
.gecis{margin-top:18px;padding-top:16px;border-top:1px solid var(--cizgi);
       text-align:center;font-size:12.5px;color:var(--soluk)}
.gecis a{color:var(--vurgu);text-decoration:none;margin-left:6px}
.gecis a:hover{text-decoration:underline}

/* --- ANASAYFA ------------------------------------------------
 *
 * BURADA DEGIL: anasayfanin butun duzeni `anasayfa.css`te.
 * 17.10.2026'da tasindi ama kopyasi burada kalmisti ve
 * `.kahraman` IKI KEZ izgara oluyordu - sayfanin sag yarisi
 * bos kaliyordu. Anasayfa kurali buraya YAZILMAZ.
 */

/* --- PROFIL ------------------------------------------------- */
.sayfa{max-width:760px;margin:0 auto;padding:18px 22px 60px}
.sayfa-ust{display:flex;align-items:center;gap:10px;
           padding:18px 0 4px}
.sayfa-ust img{width:28px;height:28px}
.sayfa-ust .ad{font-size:13px;letter-spacing:.2em;font-weight:600}
.sayfa h2{font-size:22px;margin:22px 0 4px;font-weight:600}

.bolum{background:var(--kart);border:1px solid var(--cizgi);
       border-radius:10px;padding:20px;margin-top:16px}
.bolum h3{font-size:14px;margin:0 0 14px;color:var(--vurgu2);
          font-weight:600;letter-spacing:.03em}
.bolum .aciklama{font-size:12px;color:var(--soluk);margin:-6px 0 14px;
                 line-height:1.6}

/* Satir - iki sutun, dar ekranda alt alta */
.ikili{display:grid;gap:12px;grid-template-columns:1fr 1fr}
@media (max-width:560px){.ikili{grid-template-columns:1fr}}

.bilgi{display:flex;justify-content:space-between;gap:12px;
       font-size:12.5px;color:var(--soluk);
       padding:6px 0;border-bottom:1px solid var(--cizgi)}
.bilgi:last-child{border-bottom:0}
.bilgi b{color:var(--yazi);font-weight:500}

.dar{width:auto;margin-top:14px;padding:9px 18px}

/* Klasor / arsiv satirlari */
.satir{display:flex;align-items:center;gap:10px;
       padding:10px 0;border-bottom:1px solid var(--cizgi)}
.satir:last-child{border-bottom:0}
.satir .isim{flex:1 1 auto;min-width:0;font-size:13.5px;
             overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.satir .sayi{flex:0 0 auto;font-size:11.5px;color:var(--soluk)}
.satir .islem{flex:0 0 auto;display:flex;gap:6px}
.satir .islem button{padding:5px 10px;font-size:11.5px;
    background:transparent;color:var(--soluk);
    border:1px solid var(--cizgi);border-radius:6px;cursor:pointer}
.satir .islem button:hover{color:var(--yazi);border-color:var(--cizgi2)}
.satir .islem .tehlike:hover{color:var(--hata);border-color:var(--hata)}

.bos{font-size:12.5px;color:var(--soluk);padding:8px 0;line-height:1.6}

.ekle{display:flex;gap:8px;margin-top:14px}
.ekle input{flex:1 1 auto}
.ekle button{flex:0 0 auto;width:auto;margin:0;padding:9px 18px}

.uyari-serit{background:rgba(216,169,74,.1);border:1px solid var(--vurgu);
             border-radius:8px;padding:11px 14px;font-size:12.5px;
             color:var(--vurgu2);margin-top:16px;line-height:1.6}

.alt-islem{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.alt-islem a,.alt-islem button{padding:9px 18px;border-radius:7px;
    font-size:13px;text-decoration:none;cursor:pointer;
    background:transparent;color:var(--soluk);
    border:1px solid var(--cizgi)}
.alt-islem a:hover,.alt-islem button:hover{color:var(--yazi)}

/* --- KADEMELI BOLUM ------------------------------------------
 * `<details>`/`<summary>` - yerlesik, JS gerektirmiyor, klavye
 * ve ekran okuyucuyla calisiyor.
 *
 * Gerekce (kullanici, 01.10.2026): "gereksiz her seyi bir anda
 * gosterip kullaniciyi bogmayalim". Sik kullanilanlar ACIK
 * (klasorler, arsiv), digerleri katli. */
details.bolum{padding:0}
details.bolum > summary{list-style:none;cursor:pointer;
    padding:16px 20px;font-size:14px;color:var(--vurgu2);
    font-weight:600;letter-spacing:.03em;
    display:flex;align-items:center;gap:8px}
details.bolum > summary::-webkit-details-marker{display:none}
details.bolum > summary::before{content:"+";font-size:15px;
    color:var(--soluk);width:12px;text-align:center;flex:0 0 auto}
details.bolum[open] > summary::before{content:"\2212"}   /* eksi */
details.bolum > summary:hover{color:var(--vurgu)}
details.bolum > .ic{padding:0 20px 20px}
details.bolum[open] > summary{border-bottom:1px solid var(--cizgi);
    margin-bottom:14px}

/* TEHLIKELI bolum - gorsel olarak ayrilmali. */
details.tehlike{border-color:rgba(217,115,106,.4)}
details.tehlike > summary{color:var(--hata)}
details.tehlike > summary:hover{color:#e88e86}
.tehlike-dugme{width:100%;margin-top:14px;padding:10px;
    background:transparent;color:var(--hata);
    border:1px solid var(--hata);border-radius:7px;
    font-size:13.5px;cursor:pointer}
.tehlike-dugme:hover{background:rgba(217,115,106,.1)}
.tehlike-dugme:disabled{opacity:.45;cursor:default}

select{width:100%;padding:9px 10px;background:var(--zemin);
       color:var(--yazi);border:1px solid var(--cizgi2);
       border-radius:7px;font-size:14px}
select:focus{outline:none;border-color:var(--vurgu)}


/* --- ANASAYFAYLA ORTAK BICIM  (17.10.2026) -------------------
 *
 * Kullanici: *"kayit ol giris kisimlarini da ayarlayalim,
 * profil sayfasini da"*. Anasayfa yenilendikten sonra bu uc
 * sayfa eski gorunumde kalmisti - ayni site iki ayri dil
 * konusuyordu.
 *
 * YAPI DEGISMEDI. Yalniz yuz, dugme bicimi ve kart zemini.
 */
.marka h1,.sayfa h2,.bolum h3,.kart h2{font-family:var(--baslik);
  font-weight:600}
.marka h1{font-size:19px;color:var(--vurgu);letter-spacing:.22em}
.sayfa h2{font-size:24px}
.bolum h3{font-size:15px}

/* Kart - anasayfadaki pencereyle ayni derinlik. */
.kart{border-radius:14px;padding:30px 28px;
  box-shadow:0 20px 50px rgba(0,0,0,.38)}

/* Dugmeler HAP bicimi - anasayfadaki eylem dugmeleriyle ayni. */
.dugme,.ikincil,.dar,.tehlike-dugme,.ekle button,
.alt-islem a,.alt-islem button{border-radius:999px}
.dugme{font-family:var(--govde);letter-spacing:.01em}
.satir .islem button{border-radius:999px}

/* Alanlar biraz daha yumusak - kart yuvarlandi, kose kalmasin. */
input,select{border-radius:9px}


/* --- BILGI SATIRINDAKI DUGMELER  (17.10.2026) ----------------
 *
 * Kullanici: *"bu buton kotu ya"* - profil sayfasindaki
 * "Dogrula" dugmesi tarayici VARSAYILANIYLA ciziliyordu
 * (beyaz, koseli); yanindaki "Kod gonder" ise `.ikincil`
 * oldugu icin `width:100%` alip satiri kapliyordu.
 *
 * Satir bir ALAN SATIRI: etiket solda, deger/dugme sagda.
 * Buradaki dugme SATIR ICI olmali - tam genislik degil.
 * Hafizadaki `dugme-tam-genislik` kaydinin ucuncu hali.
 */
.bilgi button{width:auto;flex:0 0 auto;margin:0;
  padding:6px 15px;font-size:12.5px;line-height:1.3;
  background:transparent;color:var(--soluk);
  border:1px solid var(--cizgi2);border-radius:999px;
  cursor:pointer;white-space:nowrap}
.bilgi button:hover{color:var(--vurgu);border-color:var(--vurgu)}
.bilgi button:disabled{opacity:.45;cursor:default}

/* Kod alani: alti hane - satiri kaplamasi gereksiz. */
.bilgi input{width:auto;flex:1 1 120px;min-width:0;
  padding:7px 10px;font-size:13.5px}
.bilgi label{margin:0;flex:0 0 auto}


/* --- SIFRE ALANI + GOZ  (17.10.2026) -------------------------
 *
 * Kullanici Jargola'yi gosterdi: *"boyle ayarlasana, sifre
 * yerini"*. Goz dugmesi alanin ICINDE duruyor; ayri bir dugme
 * olsaydi satir kayar, dar ekranda alta duserdi.
 *
 * `position:relative` kutuda, dugme `absolute`. Alanin sag
 * dolgusu dugme kadar aciliyor, yoksa uzun sifre dugmenin
 * ALTINA giriyor ve okunmuyor.
 */
.sifreKutu{position:relative;display:block}
.sifreKutu input{padding-right:42px}
.sifreKutu .goz{position:absolute;top:50%;right:6px;
  transform:translateY(-50%);width:32px;height:32px;padding:0;
  display:grid;place-items:center;background:transparent;
  border:0;border-radius:8px;cursor:pointer;opacity:.6;
  font-size:15px;line-height:1;color:var(--yazi)}
.sifreKutu .goz:hover{opacity:1}
.sifreKutu .goz[aria-pressed="true"]{opacity:1;color:var(--vurgu)}

/* Uretici satiri: dugme + aciklama. Dugme TAM GENISLIK DEGIL -
   satir ici bir eylem (bkz. `dugme-tam-genislik` tuzagi). */
.uretSatir{margin:12px 0 0;display:flex;flex-direction:column;
  gap:7px;align-items:flex-start}
.uretSatir .uretDugme{width:auto;margin:0;padding:8px 16px;
  font-size:12.5px}
.uretSatir .uretilenNot{font-size:11.5px;color:var(--soluk);
  line-height:1.55}