/* ============================================================
   İKKonsol — Yasal metin sayfaları için ortak stil
   index.html'deki koyu tema ile aynı renk değişkenlerini kullanır.
   ============================================================ */

:root{
  color-scheme: dark;
  --bg:#060913;
  --surface:rgba(18,28,48,.6);
  --border:rgba(255,255,255,.08);
  --text:#F1F5F9;
  --text-2:#94A3B8;
  --muted:#64748B;
  --brand:#3B82F6;
  --brand-2:#60A5FA;
  --warn:#F59E0B;
  --radius:16px;
  --maxw:840px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  font-size:16px;
  line-height:1.75;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--brand-2);text-decoration:none}
a:hover{text-decoration:underline}

.wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}

/* Üst şerit */
.topbar{
  border-bottom:1px solid var(--border);
  background:rgba(6,9,19,.9);
  backdrop-filter:blur(12px);
  position:sticky;top:0;z-index:10;
}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;height:60px}
.brand{display:inline-flex;align-items:center;gap:8px;color:var(--text);font-weight:700}
.brand svg{width:22px;height:22px}

/* Belge gövdesi */
main{padding:40px 0 32px}
h1{font-size:1.75rem;line-height:1.3;margin:0 0 6px}
.updated{color:var(--text-2);font-size:.9rem;margin:0 0 32px}
h2{font-size:1.1rem;margin:36px 0 10px;color:var(--brand-2)}
h3{font-size:1rem;margin:22px 0 6px}
/* Yapışkan üst şerit, bağlantıyla gelinen başlığı örtmesin */
[id]{scroll-margin-top:76px}
p,li{color:var(--text-2)}
ul,ol{padding-left:22px}
li{margin:4px 0}
strong{color:var(--text)}

/* Künye tablosu */
table{width:100%;border-collapse:collapse;margin:12px 0 4px}
th,td{text-align:left;vertical-align:top;padding:9px 12px;border:1px solid var(--border)}
th{width:34%;background:var(--surface);color:var(--text);font-weight:600}
td{color:var(--text-2)}

/* Vurgu kutusu */
.box{
  background:var(--surface);
  border:1px solid var(--border);
  border-left:3px solid var(--warn);
  border-radius:var(--radius);
  padding:16px 20px;
  margin:20px 0;
}
.box p:last-child{margin-bottom:0}
.box p:first-child{margin-top:0}

/* Henüz doldurulmamış künye alanı — Doldur-Kunye.ps1 ile değiştirilir */
.fill{
  background:rgba(245,158,11,.18);
  color:var(--warn);
  border:1px dashed rgba(245,158,11,.5);
  border-radius:6px;
  padding:1px 7px;
  font-size:.9em;
  white-space:nowrap;
}

/* Alt bilgi */
.footer{border-top:1px solid var(--border);padding:24px 0;font-size:.88rem}
.footer .wrap{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between}
.footer a{
  color:var(--text-2);
  /* Ana sitedeki alt menüyle aynı: tek başına renk bunların bağlantı
     olduğunu yeterince anlatmıyordu, altı çizili duruyorlar. */
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:4px;
}
.docnav{display:flex;flex-wrap:wrap;gap:14px}

/* Başa Dön düğmesi — index.html ile aynı davranış (assets/site.js) */
.totop{
  position:fixed; right:20px; bottom:20px; z-index:91;
  width:46px; height:46px; padding:0;
  display:flex; align-items:center; justify-content:center;
  border:1px solid var(--border); border-radius:999px;
  /* background:rgba(11,16,32,0.85); color:var(--brand-2); */
  -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
  box-shadow:0 10px 30px rgba(0,0,0,0.35);
  cursor:pointer;
  opacity:0; visibility:hidden; transform:translateY(12px);
  transition:opacity .25s ease, transform .25s ease, visibility .25s, background .25s, color .25s;
}
.totop.is-visible{opacity:1; visibility:visible; transform:translateY(0)}
.totop:hover{background:var(--brand); color:#041020; border-color:transparent; transform:translateY(-3px)}
.totop:focus-visible{outline:2px solid var(--brand); outline-offset:3px}
.totop svg{width:20px; height:20px}

@media (max-width:480px){
  .totop{right:14px; bottom:14px; width:42px; height:42px}
}

@media (max-width:600px){
  h1{font-size:1.4rem}
  th{width:42%}
  th,td{padding:8px 10px}
}

/* Hareket hassasiyeti olan kullanıcılar için yumuşak kaydırmayı kapat */
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
}

/* Yazdırma */
@media print{
  :root{color-scheme:light}
  /* 6502 s.K. m.4: tüketici sözleşmesi en az 12 punto olmalı */
  body{background:#fff;color:#000;font-size:12pt;line-height:1.55}
  .topbar,.footer,.docnav,.totop{display:none}
  p,li,td{color:#222}
  h2{color:#000}
  a{color:#000;text-decoration:none}
  .box{border:1px solid #999;border-left:3px solid #666}
  .fill{background:none;color:#000;border:1px solid #999}
  /* Basılı metinde bağlantılar görünmez kalmasın */
  a[href^="http"]::after{content:" (" attr(href) ")";font-size:10pt;color:#555}
  h1,h2,h3{page-break-after:avoid}
  table,.box{page-break-inside:avoid}
}