﻿/* AKDAĞ ortak tasarım dili — arama arayüzü (index.html) ve giriş sayfası (/giris) birlikte kullanır.
   Değişiklik her iki sayfaya birden yansır. Logo: /akdag-logo-buyuk.png, simge: /akdag-logo.png */
/* Literata (SIL OFL) — kendi sunucumuzdan servis edilir (fonts/); Google'a istek atılmaz. latin = ı, latin-ext = ğ ş İ */
@font-face{font-family:'Literata';font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/literata-normal-latin-ext.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:'Literata';font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/literata-normal-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Literata';font-style:italic;font-weight:400 700;font-display:swap;src:url(fonts/literata-italic-latin-ext.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:'Literata';font-style:italic;font-weight:400 700;font-display:swap;src:url(fonts/literata-italic-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
/* AKDAĞ marka sistemi — V2 arayüzünden (rapor_docx.py jetonları) (rapor
     oturumu onayı 2026-09-22: "aynı marka dilini kullanın, layout'u kendi ihtiyacınıza
     göre sadeleştirin"). MOR yalnız marka kimliğinde; gövde/başlık hiyerarşisi punto ve
     kalınlıkla kurulur, renkle değil (rapor'un 09-17 kullanıcı geri bildirimi). */
:root{
    --mor:#66023c; --mor-acik:#e8d9e2; --mor-cok-acik:#f6ecf2;
    --kahve:#5c3d2e; --kahve-acik:#efe6e1; --kahve-cok-acik:#f7f1ee;
    --kenar:#9b6b82; --kopru:#0563c1; --murkep:#1a1a1a; --baslik-notr:#262626;
    --kart-acik:#ffffff; --kart-koyu:#f2efec; --gri:#595959;
    --bg:#faf8f6; --panel:#ffffff; --border:var(--kenar);
    --vurgu:var(--mor); --beyaz:#ffffff; --hata:#7a1f2b; --hata-bg:#faeef0; --isaret:#ffe9a8; --isaret-yazi:inherit; --sayac-uyari:#3d0124;
    --mono:'SFMono-Regular',Consolas,'Liberation Mono',Menlo,monospace;
    --govde-font:'Literata',Georgia,'Times New Roman',serif;
    --marka-font:'Literata',Georgia,serif;
    /* Kullanıcı isteği (2026-09-24, rapor relay): "daha kullanıcı dostu bir font,
       satır aralığı en az 1,2" — karar METNİ (marka kimliği değil) için
       ekrandan okumaya daha uygun sistem sans-serif + geniş satır aralığı. */
    --okuma-font:'Literata',Georgia,'Times New Roman',serif;
  }
*{box-sizing:border-box}
body{margin:0;padding:24px 16px 60px;background:var(--bg);color:var(--murkep);
       font:15px/1.55 var(--govde-font);}
.kapsayici{max-width:900px;margin:0 auto;}
.marka{font-family:var(--marka-font);font-weight:bold;color:var(--vurgu);
       font-size:13px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px;}
h1{font-size:21px;margin:0 0 4px;font-weight:700;color:var(--baslik-notr);
       font-family:var(--marka-font);}
.alt-baslik{color:var(--gri);font-size:13px;margin-bottom:20px;font-style:italic;}
form{background:var(--panel);border:1px solid var(--mor-acik);border-radius:10px;padding:16px;}
.satir{display:flex;gap:8px;}
input[type=text],input[type=email],input[type=password],input[type=search]{flex:1;padding:11px 14px;font-size:15px;font-family:var(--govde-font);
       border:1px solid var(--kenar);border-radius:6px;background:var(--beyaz);color:var(--murkep);}
input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=search]:focus{outline:2px solid var(--mor);outline-offset:-1px;}
button{padding:11px 20px;font-size:14px;font-weight:700;border:none;border-radius:6px;
       background:var(--mor);color:#fff;cursor:pointer;white-space:nowrap;font-family:var(--govde-font);}
button:hover{background:#4d0230}
button:disabled{opacity:.5;cursor:default}
.ust{display:flex;align-items:center;gap:16px;margin-bottom:20px;}
.ust .alt-baslik{margin-bottom:0;}
.logo{height:84px;width:auto;flex-shrink:0;}
.uyari{font-size:12.5px;color:var(--kahve);background:var(--kahve-cok-acik);border-left:3px solid var(--kahve);
       border-radius:4px;padding:6px 10px;margin:8px 0;}
:focus-visible{outline:2px solid var(--mor);outline-offset:2px}
@media (max-width:600px){
  body{padding:16px 12px 48px;}
  .kapsayici{max-width:100%;}
  .ust{gap:12px;}
  .logo{height:64px;}
  h1{font-size:18px;}
  .satir{flex-direction:column;}
  .satir button,.tam-genislik{width:100%;}
}
/* Ortak bileşenler (giriş sayfası da kullanır) */
.hata-kutu{font-size:13px;color:#7a1f2b;background:#faeef0;border-left:3px solid #7a1f2b;border-radius:4px;padding:8px 12px;margin:10px 0;}
.bilgi-kutu{font-size:13px;color:var(--kahve);background:var(--kahve-cok-acik);border-left:3px solid var(--kahve);border-radius:4px;padding:8px 12px;margin:10px 0;}
.form-alan{display:block;margin-bottom:12px;font-size:13px;font-weight:600;color:var(--baslik-notr);}
.form-alan input{display:block;width:100%;margin-top:4px;}

textarea,select{background:var(--beyaz);color:var(--murkep);}
.hata-kutu{color:var(--hata);background:var(--hata-bg);border-left-color:var(--hata);}

/* Koyu füme tema (deneme): ?tema=fume ile açılır. Marka moru (#66023c) dolgu olarak korunur;
   metin/bağlantı vurgusu koyu zeminde okunsun diye açık mor tonu (--vurgu) kullanılır. */
:root[data-tema="fume"]{
  color-scheme:dark;
  --bg:#1d1b1f; --panel:#27242b; --beyaz:#2f2b34; --border:#5b4553;
  --kart-acik:#2a262d; --kart-koyu:#302c34;
  --murkep:#ece8ee; --baslik-notr:#f6f2f7; --gri:#aaa3ae;
  --kenar:#77586a; --mor-acik:#453540; --mor-cok-acik:#33262f;
  --kahve:#d8b9a6; --kahve-acik:#3a302c; --kahve-cok-acik:#2e2724;
  --vurgu:#dba5c6; --kopru:#8ab4f8;
  --hata:#f1a7b1; --hata-bg:#3b2227; --isaret:#6b5a1f; --isaret-yazi:#fff4cc; --sayac-uyari:#f0c9e0;
}
/* Şarap: koyu, mor tonlu tema (marka morunun koyu zemindeki yorumu). */
:root[data-tema="sarap"]{
  color-scheme:dark;
  --bg:#170c14; --panel:#22121d; --beyaz:#2c1926; --border:#6a3a55;
  --kart-acik:#26141f; --kart-koyu:#2f1b28;
  --murkep:#f0e6ec; --baslik-notr:#faf1f6; --gri:#b9a3b0;
  --kenar:#8a5673; --mor-acik:#4a2740; --mor-cok-acik:#341a2c;
  --kahve:#dcbfae; --kahve-acik:#3a2b26; --kahve-cok-acik:#2b1f1c;
  --vurgu:#e8a9cc; --kopru:#9dc0fb;
  --hata:#f1a7b1; --hata-bg:#3b2227; --isaret:#6b5a1f; --isaret-yazi:#fff4cc; --sayac-uyari:#f2cde4;
}
/* Krem: sıcak kâğıt tonlu açık tema. */
:root[data-tema="krem"],
body.giris-sayfa{
  --bg:#f1e9dc; --panel:#faf5ec; --beyaz:#fffcf6; --kart-acik:#fbf7ef; --kart-koyu:#ece2d2;
  --mor-acik:#e3d3d9; --mor-cok-acik:#f3e9ea; --kenar:#a98a94;
  --kahve-acik:#ede2d6; --kahve-cok-acik:#f4ece2; --gri:#5e564f; --murkep:#221c19; --baslik-notr:#2b2421;
  --isaret:#f7dd8c;
}
:root[data-tema="fume"] button:hover,:root[data-tema="sarap"] button:hover{background:#84104f}
:root[data-tema="fume"] .gb-durum.tamam,:root[data-tema="sarap"] .gb-durum.tamam{color:#8fd19e}

/* Tema seçici: 4 küçük yuvarlak (üstte tema zemini, altta marka moru). */
.tema-sec{display:flex;gap:8px;align-items:center;justify-content:flex-end;}
.tema-sec .tema-nokta{width:22px;height:22px;padding:0;border-radius:50%;border:2px solid var(--kenar);
  background-image:linear-gradient(135deg,var(--a) 50%,#66023c 50%) !important;background-color:transparent !important;}
.tema-sec .tema-nokta[aria-pressed="true"]{border-color:var(--vurgu);box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--vurgu);}
.ust-sag{margin-left:auto;align-self:center;display:flex;flex-direction:column;align-items:flex-end;gap:8px;}
@media(max-width:700px){.ust-sag{flex-basis:100%;margin:0;align-items:flex-start;}.tema-sec{justify-content:flex-start;}}

/* Giriş sayfası yerleşimi (kullanıcı kararı 2026-09-29; zemin sonradan Krem): ortada dar kurumsal kart. Eski not: koyu füme zeminde ortada dar kurumsal kart.
   Kart: logo (yalnız "AKDAĞ" başlığı) > ince çizgi > "İçtihat Arama Sistemi" > Google düğmesi; en altta hazırlayan satırı.
   Kullanım: <body class="giris-sayfa"><div class="kapsayici"><header class="ust"><img class="logo"><h1 class="baslik-iki"><span>AKDAĞ</span></h1><hr class="ayirac"><p class="alt-baslik">İçtihat Arama Sistemi</p></header> ... <footer class="giris-alt">…</footer> */
body.giris-sayfa{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px 16px;overflow-x:hidden;}
.giris-sayfa .kapsayici{width:100%;max-width:380px;margin:0;background:var(--panel);border:1px solid var(--kenar);border-radius:10px;padding:2.25rem 2rem 1.25rem;box-shadow:0 8px 30px rgba(60,40,30,.12);}
.giris-sayfa .ust{flex-direction:column;justify-content:center;gap:0;margin-bottom:1.5rem;}
.giris-sayfa .logo{width:104px;height:auto;margin-bottom:1.1rem;}
h1.baslik-iki{font-size:26px;line-height:1.15;letter-spacing:.14em;font-weight:600;margin:0;}
h1.baslik-iki span{display:block;}
.giris-sayfa h1.baslik-iki{font-size:1.9rem;font-weight:600;letter-spacing:.2em;margin:0;padding-left:.2em;}
.giris-sayfa .ayirac{width:100%;height:0;border:0;border-top:1px solid var(--kenar);margin:1.1rem 0 .9rem;}
.giris-sayfa .alt-baslik{margin:0;color:var(--gri);font-size:1rem;font-weight:400;letter-spacing:.06em;}
.giris-sayfa form{background:none;border:none;padding:0;text-align:center;}
.giris-sayfa form p{color:var(--gri);line-height:1.6;overflow-wrap:anywhere;}
.giris-sayfa .cikis-satir{text-align:center;}
.giris-sayfa .form-alan{text-align:left;}
.giris-sayfa .giris-alt{margin-top:1.75rem;padding-top:.9rem;border-top:1px solid var(--mor-acik);color:var(--gri);font-size:.72rem;line-height:1.5;}
.giris-sayfa .giris-alt a{color:var(--gri);text-decoration:underline;}
.giris-sayfa .kod-yardim{margin:1rem 0 0;color:var(--gri);opacity:.7;font-size:.7rem;line-height:1.5;text-align:center;}
.giris-sayfa .kod-yardim a{color:inherit;text-decoration:underline;}

/* Düğmeler renksiz; Google düğmesi füme zeminden ayrılan açık gri (mor yalnız marka vurgusudur). */
body.giris-sayfa button:not(.ikincil){background:var(--beyaz);color:var(--murkep);border:1px solid var(--kenar);font-weight:600;}
body.giris-sayfa button:not(.ikincil):hover{background:var(--mor-cok-acik);}
.giris-sayfa #dugme{display:flex;align-items:center;justify-content:center;gap:.6rem;}
.giris-sayfa #dugme svg{width:18px;height:18px;flex:none;}
.giris-sayfa #dugme,.giris-sayfa .tam-genislik{width:100%;}
