/* Hukuki metin sayfalari (kvkk.html, gizlilik.html, kullanim-kosullari.html)
   ve giristeki riza modali icin ortak stil.

   NOT: body zemini ACIKCA boyanir. Aksi halde sistem koyu temadayken
   metin renkleri aciliyor ama zemin beyaz kaliyordu -> okunmuyordu. */

:root{
  --hk-mor:#5B21B6;
  --hk-mor-acik:#7C3AED;
  --hk-sari:#FFC531;
  --hk-metin:#2A2140;
  --hk-soluk:#6B6482;
  --hk-cizgi:#E8E4F2;
  --hk-zemin:#FFFFFF;          /* kart zemini */
  --hk-sayfa:#F4F1FB;          /* sayfa zemini */
  --hk-yumusak:#F7F5FC;
  --hk-golge:0 10px 34px rgba(60,40,120,.10);
}

html{ background:var(--hk-sayfa); }
body{
  margin:0;
  background:var(--hk-sayfa);
  color:var(--hk-metin);
  font-family:'Plus Jakarta Sans',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  -webkit-font-smoothing:antialiased;
}

/* Ust seritteki yumusak mor parilti — sayfa "bos beyaz" durmasin */
body::before{
  content:''; position:fixed; inset:0 0 auto; height:280px; z-index:-1;
  background:
    radial-gradient(680px 240px at 18% -40px, rgba(124,58,237,.16), transparent 65%),
    radial-gradient(520px 220px at 88% -60px, rgba(255,197,49,.16), transparent 65%);
  pointer-events:none;
}

.hk-sayfa{
  max-width:800px; margin:0 auto; padding:30px 20px 90px;
  line-height:1.72;
}

/* ---- ust bar ---- */
.hk-ust{
  display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:22px;
}
.hk-geri{
  display:inline-flex; align-items:center; gap:7px; text-decoration:none;
  color:var(--hk-mor); font-weight:700; font-size:14.5px;
  padding:9px 15px; border-radius:11px;
  background:var(--hk-zemin); border:1px solid var(--hk-cizgi);
  box-shadow:0 2px 8px rgba(60,40,120,.06);
  transition:transform .12s ease, box-shadow .12s ease;
}
.hk-geri:hover{ transform:translateY(-1px); box-shadow:0 5px 14px rgba(60,40,120,.12); }

/* ---- ana kart ---- */
.hk-kart{
  background:var(--hk-zemin);
  border:1px solid var(--hk-cizgi);
  border-radius:20px;
  padding:clamp(22px,4vw,40px);
  box-shadow:var(--hk-golge);
}

.hk-sayfa h1{
  font-family:'Baloo 2',system-ui,sans-serif;
  font-size:clamp(27px,4.2vw,35px); line-height:1.2;
  color:var(--hk-mor); margin:0 0 6px; text-wrap:balance;
}
.hk-sayfa h2{
  font-family:'Baloo 2',system-ui,sans-serif;
  font-size:clamp(19px,2.7vw,22px); color:var(--hk-mor-acik);
  margin:36px 0 10px; text-wrap:balance;
  padding-left:13px; border-left:4px solid var(--hk-sari); border-radius:2px;
}
.hk-sayfa h3{ font-size:16.5px; margin:22px 0 8px; color:var(--hk-metin); }
.hk-sayfa p, .hk-sayfa li{ font-size:15.5px; color:var(--hk-metin); }
.hk-sayfa ul, .hk-sayfa ol{ padding-left:20px; }
.hk-sayfa li{ margin:7px 0; }
.hk-sayfa li::marker{ color:var(--hk-mor-acik); }
.hk-sayfa a{ color:var(--hk-mor); text-underline-offset:2px; }

.hk-tarih{ color:var(--hk-soluk); font-size:13.5px; margin:0 0 18px; }

/* ---- taslak uyarisi ---- */
.hk-taslak{
  background:linear-gradient(180deg,#FFF9E8,#FFF4D6);
  border:1px solid #F0D48A; border-left:5px solid var(--hk-sari);
  border-radius:14px; padding:15px 17px; margin:0 0 30px;
  font-size:14.5px; color:#5A4400; line-height:1.6;
}
.hk-taslak b{ color:#3D2E00; }

.hk-kutu{
  background:var(--hk-yumusak); border:1px solid var(--hk-cizgi);
  border-radius:14px; padding:16px 18px; margin:18px 0;
}

/* ---- tablo ---- */
.hk-sarmal{ overflow-x:auto; margin:16px 0; border-radius:13px; }
.hk-tablo{
  width:100%; border-collapse:separate; border-spacing:0;
  font-size:14.5px; background:var(--hk-zemin);
  border:1px solid var(--hk-cizgi); border-radius:13px; overflow:hidden;
}
.hk-tablo th, .hk-tablo td{
  padding:11px 13px; text-align:left; vertical-align:top;
  border-bottom:1px solid var(--hk-cizgi);
}
.hk-tablo th{
  background:var(--hk-yumusak); font-weight:700; color:var(--hk-mor);
  font-size:14px; letter-spacing:.01em;
}
.hk-tablo tr:last-child td{ border-bottom:0; }
.hk-tablo tbody tr:hover{ background:rgba(124,58,237,.035); }

.hk-alt{
  margin-top:40px; padding-top:18px; border-top:1px solid var(--hk-cizgi);
  color:var(--hk-soluk); font-size:13.5px;
}
.hk-alt a{ color:var(--hk-mor); }

/* ---- riza modali (giris ekrani) ---- */
.rz-katman{
  position:fixed; inset:0; background:rgba(24,18,44,.62);
  display:none; align-items:center; justify-content:center; padding:18px; z-index:99500;
}
.rz-katman.acik{ display:flex; }
.rz-kutu{
  background:var(--hk-zemin); color:var(--hk-metin);
  border-radius:18px; max-width:620px; width:100%;
  max-height:82vh; display:flex; flex-direction:column; overflow:hidden;
  box-shadow:0 22px 64px rgba(30,20,60,.4);
}
.rz-bas{
  padding:16px 20px; border-bottom:1px solid var(--hk-cizgi);
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  background:var(--hk-yumusak);
}
.rz-bas h3{
  margin:0; font-size:17.5px; color:var(--hk-mor);
  font-family:'Baloo 2',system-ui,sans-serif;
}
.rz-kapat{
  border:0; background:var(--hk-zemin); border-radius:9px; width:34px; height:34px;
  font-size:19px; cursor:pointer; color:var(--hk-metin); line-height:1;
  border:1px solid var(--hk-cizgi);
}
.rz-kapat:hover{ background:#EFEAFB; }
.rz-govde{
  padding:18px 20px; overflow-y:auto;
  font-size:15px; line-height:1.65; color:var(--hk-metin);
}
.rz-govde h4{ margin:18px 0 6px; font-size:15.5px; color:var(--hk-mor-acik); }
.rz-govde h4:first-child{ margin-top:0; }
.rz-govde p, .rz-govde li{ font-size:14.5px; }
.rz-govde ul{ padding-left:20px; margin:6px 0; }
.rz-govde li{ margin:5px 0; }
.rz-govde li::marker{ color:var(--hk-mor-acik); }
.rz-alt{
  padding:14px 20px; border-top:1px solid var(--hk-cizgi);
  text-align:right; background:var(--hk-yumusak);
}

/* giris ekranindaki onay satiri */
.rz-satir{
  display:flex; align-items:flex-start; gap:9px; margin:14px 0 4px;
  font-size:13.8px; line-height:1.5; text-align:left;
}
.rz-satir input[type="checkbox"]{
  width:18px; height:18px; margin-top:1px; flex:0 0 auto;
  cursor:pointer; accent-color:var(--hk-mor-acik);
}
.rz-satir label{ cursor:pointer; }
/* Metin baglantilari: acik zeminde de koyu zeminde de LINK gibi gorunmeli.
   Onceki halinde renk degiskene bagliydi ve koyu giris ekraninda
   "secili metin" gibi duruyordu — tiklanabilir oldugu anlasilmiyordu. */
.rz-satir a, .rz-ac{
  color:#FFC531; text-decoration:underline; text-underline-offset:2px;
  cursor:pointer; background:none; border:0; padding:0;
  font:inherit; font-weight:700;
}
.rz-satir a:hover, .rz-ac:hover{ color:#FFD98A; }
.rz-satir .rz-ipucu{ display:block; margin-top:3px; opacity:.75; font-size:12.5px; }

/* ---- koyu tema ---- */
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --hk-metin:#EDE9F7; --hk-soluk:#ABA4C4; --hk-cizgi:#3A3358;
    --hk-zemin:#1C1640; --hk-sayfa:#120E2B; --hk-yumusak:#241D4C;
    --hk-mor:#C4B5FD; --hk-mor-acik:#A78BFA;
    --hk-golge:0 10px 34px rgba(0,0,0,.4);
  }
  :root:not([data-theme="light"]) .hk-taslak{
    background:linear-gradient(180deg,#3B2F0A,#332809);
    border-color:#7A6320; border-left-color:var(--hk-sari); color:#FFE9A8;
  }
  :root:not([data-theme="light"]) .hk-taslak b{ color:#FFF3CC; }
  :root:not([data-theme="light"]) .hk-geri:hover{ background:#2A2258; }
  :root:not([data-theme="light"]) .rz-kapat:hover{ background:#2A2258; }
  :root:not([data-theme="light"]) .hk-tablo tbody tr:hover{ background:rgba(167,139,250,.07); }
}
:root[data-theme="dark"]{
  --hk-metin:#EDE9F7; --hk-soluk:#ABA4C4; --hk-cizgi:#3A3358;
  --hk-zemin:#1C1640; --hk-sayfa:#120E2B; --hk-yumusak:#241D4C;
  --hk-mor:#C4B5FD; --hk-mor-acik:#A78BFA;
  --hk-golge:0 10px 34px rgba(0,0,0,.4);
}
:root[data-theme="dark"] .hk-taslak{
  background:linear-gradient(180deg,#3B2F0A,#332809);
  border-color:#7A6320; border-left-color:var(--hk-sari); color:#FFE9A8;
}
:root[data-theme="dark"] .hk-taslak b{ color:#FFF3CC; }