/* ====================================================================
   hukuk.css — Privacy Policy + Terms of Service (2026-10-14). /privacy, /terms (kapi disinda, herkese acik)
   Sitenin degiskenleri (light/dark otomatik). Karemsi koseler, hover yok, secili = kabarik/ice basik.
   ==================================================================== */
.hk-bas { align-items:flex-end; justify-content:space-between; gap:18px; }
.hk-bas-sol { min-width:0; }
.hk-ust { display:inline-flex; align-items:center; height:22px; padding:0 8px; margin-bottom:8px; border-radius:6px; font-size:11px; font-weight:800; letter-spacing:.08em;
  text-transform:uppercase; color:var(--mavi); background:var(--mavi-sis); }
.hk-bas p { margin:4px 0 0; max-width:620px; color:var(--ink-2); font-size:14px; }

/* sekme: Privacy / Terms, kayan kabarik kutu */
.hk-sekme { position:relative; display:inline-flex; flex:0 0 auto; padding:4px; border-radius:12px; background:var(--buz); box-shadow:inset 0 0 0 1px var(--kd-kenar, transparent); }
.hk-sekme a { position:relative; z-index:1; display:grid; place-items:center; height:36px; padding:0 18px; border-radius:9px; font-size:13.5px; font-weight:700; color:var(--ink-2);
  text-decoration:none; transition:color .25s ease; }
.hk-sekme a.on { color:var(--ink); }
.hk-sekme-iz { position:absolute; left:0; top:4px; height:36px; width:0; border-radius:9px; background:var(--kd-yuzey, #fff);
  box-shadow:0 1px 2px rgba(15,42,86,.12), 0 3px 10px -4px rgba(15,42,86,.18); transition:transform .38s cubic-bezier(.3,.85,.2,1), width .38s cubic-bezier(.3,.85,.2,1); }
html[data-tema="koyu"] .hk-sekme-iz { background:var(--k-kabarik, #181818); box-shadow:inset 0 -2px 0 rgba(0,0,0,.5); }

/* duzen */
.hk-duzen { display:grid; grid-template-columns:250px minmax(0,1fr); gap:16px; align-items:start; }
.hk-yan { position:sticky; top:0; }
.hk-icindekiler { padding:16px 14px 14px; }
.hk-icindekiler > small { display:block; margin:0 6px 8px; font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-3); }
.hk-icindekiler ol { position:relative; list-style:none; margin:0; padding:0; }
.hk-icindekiler li a { position:relative; z-index:1; display:flex; align-items:center; gap:9px; padding:7px 8px; border-radius:8px; font-size:13px; font-weight:600;
  color:var(--ink-2); text-decoration:none; transition:color .2s ease; }
.hk-icindekiler li a i { width:22px; height:20px; flex:0 0 auto; display:grid; place-items:center; border-radius:5px; font-style:normal; font-size:10.5px; font-weight:800;
  color:var(--ink-3); background:var(--buz); transition:background .2s ease, color .2s ease; }
.hk-icindekiler li a.on { color:var(--ink); }
.hk-icindekiler li a.on i { color:#fff; background:var(--mavi); }
.hk-toc-iz { position:absolute; left:0; right:0; top:0; height:34px; border-radius:8px; background:var(--mavi-sis); box-shadow:inset 3px 0 0 var(--mavi);
  transition:transform .35s cubic-bezier(.3,.85,.2,1), height .35s cubic-bezier(.3,.85,.2,1), opacity .2s ease; pointer-events:none; }
.hk-guncel { display:flex; align-items:center; gap:7px; margin:12px 6px 0; padding-top:12px; border-top:1px solid var(--cizgi); font-size:12px; color:var(--ink-3); }
.hk-guncel svg { width:14px; height:14px; flex:0 0 auto; }
.hk-guncel b { color:var(--ink-2); font-weight:700; }

/* metin */
.hk-metin { display:flex; flex-direction:column; gap:12px; min-width:0; }
.hk-bolum, .hk-ozet { padding:22px 24px; scroll-margin-top:12px; }
.hk-metin h2 { display:flex; align-items:center; gap:10px; margin:0 0 12px; font-size:17px; font-weight:800; letter-spacing:-.03em; color:var(--ink); }
.hk-metin h2 i { width:28px; height:26px; flex:0 0 auto; display:grid; place-items:center; border-radius:7px; font-style:normal; font-size:11.5px; font-weight:800;
  color:var(--mavi); background:var(--mavi-sis); }
.hk-metin p { margin:0 0 10px; font-size:14px; line-height:1.72; color:var(--ink-2); }
.hk-metin p:last-child { margin-bottom:0; }
.hk-metin b { color:var(--ink); font-weight:700; }
.hk-metin a:not(.hk-dugme) { color:var(--mavi); text-decoration:underline; text-underline-offset:3px; text-decoration-thickness:1px; }
.hk-metin code { padding:2px 6px; border-radius:5px; font:600 12px/1.4 ui-monospace, SFMono-Regular, Consolas, monospace; color:var(--ink); background:var(--buz); }

/* kisa ozet: 4 kutu */
.hk-kutular { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.hk-kutular > div { display:flex; flex-direction:column; gap:4px; padding:14px; border-radius:12px; background:var(--buz); box-shadow:inset 0 0 0 1px var(--kd-kenar, transparent); }
.hk-ik { width:36px; height:36px; display:grid; place-items:center; margin-bottom:6px; border-radius:10px; color:var(--mavi); background:var(--kd-yuzey, #fff);
  box-shadow:0 1px 2px rgba(15,42,86,.08); }
html[data-tema="koyu"] .hk-ik { background:var(--k-kabarik, #181818); box-shadow:inset 0 -2px 0 rgba(0,0,0,.45); }
.hk-ik svg { width:18px; height:18px; }
.hk-kutular b { font-size:13.5px; }
.hk-kutular small { font-size:12.5px; line-height:1.55; color:var(--ink-2); }

/* tanim listesi */
.hk-liste { margin:0; display:grid; grid-template-columns:200px minmax(0,1fr); }
.hk-liste dt, .hk-liste dd { padding:12px 0; border-top:1px solid var(--cizgi); }
.hk-liste dt:first-of-type, .hk-liste dt:first-of-type + dd { border-top:0; padding-top:4px; }
.hk-liste dt { padding-right:16px; font-size:13.5px; font-weight:750; color:var(--ink); }
.hk-liste dd { margin:0; font-size:14px; line-height:1.7; color:var(--ink-2); }

/* madde imleri: kucuk kare */
.hk-madde { list-style:none; margin:0 0 10px; padding:0; display:flex; flex-direction:column; gap:8px; }
.hk-madde li { position:relative; padding-left:20px; font-size:14px; line-height:1.68; color:var(--ink-2); }
.hk-madde li::before { content:""; position:absolute; left:3px; top:.66em; width:6px; height:6px; border-radius:1.5px; background:var(--mavi); }
.hk-madde:last-child { margin-bottom:0; }

/* numarali adimlar */
.hk-adimlar { list-style:none; margin:0 0 12px; padding:0; counter-reset:hk; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.hk-adimlar li { counter-increment:hk; position:relative; padding:14px 14px 14px 52px; border-radius:12px; font-size:13.5px; line-height:1.6; color:var(--ink-2); background:var(--buz); }
.hk-adimlar li::before { content:counter(hk); position:absolute; left:14px; top:14px; width:26px; height:26px; display:grid; place-items:center; border-radius:7px;
  font-size:12px; font-weight:800; color:#fff; background:linear-gradient(150deg,#1E40AF,#2563EB 60%,#3B82F6); }
.hk-adimlar li b { display:block; margin-bottom:2px; }

/* uyari notu (kirmizi yok) */
.hk-not { display:flex; gap:10px; align-items:flex-start; margin:0 0 12px; padding:12px 14px; border-radius:12px; font-size:13.5px; line-height:1.6; color:var(--ink-2);
  background:rgba(245,158,11,.10); box-shadow:inset 0 0 0 1px rgba(245,158,11,.28); }
.hk-not svg { width:18px; height:18px; flex:0 0 auto; margin-top:1px; color:#D97706; }
html[data-tema="koyu"] .hk-not svg { color:#FCD34D; }

/* cerez tablosu */
.hk-tablo { margin:0 0 12px; border-radius:12px; overflow:hidden; box-shadow:inset 0 0 0 1px var(--cizgi); }
.hk-tablo > div { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1.6fr) minmax(0,.9fr); gap:12px; padding:11px 14px; font-size:13.5px; color:var(--ink-2); }
.hk-tablo > div + div { border-top:1px solid var(--cizgi); }
.hk-tablo-bas { font-size:11px !important; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:var(--ink-3) !important; background:var(--buz); }

/* haklar: kareli cipler */
.hk-haklar { display:flex; flex-wrap:wrap; gap:8px; margin:2px 0 12px; }
.hk-haklar span { display:inline-flex; align-items:center; gap:7px; height:32px; padding:0 12px; border-radius:8px; font-size:13px; font-weight:700; color:var(--ink); background:var(--buz); }
.hk-haklar span::before { content:""; width:6px; height:6px; border-radius:1.5px; background:var(--mavi); }

/* iletisim: mavi kart */
.hk-iletisim { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:22px 24px; color:#fff; border:0 !important;
  background:radial-gradient(120% 90% at 100% 0%, rgba(255,255,255,.18), transparent 55%), linear-gradient(150deg,#1E40AF,#2563EB 60%,#3B82F6) !important;
  box-shadow:0 14px 30px -18px rgba(37,99,235,.9) !important; }
html[data-tema="koyu"] .hk-iletisim { background:radial-gradient(120% 90% at 100% 0%, rgba(255,255,255,.09), transparent 55%), linear-gradient(150deg,#1A3478,#1E4CC4 60%,#2B63DD) !important; box-shadow:none !important; }
.hk-iletisim h2 { margin:0 0 4px !important; color:#fff !important; }
.hk-iletisim p { margin:0 !important; color:rgba(255,255,255,.8) !important; }
.hk-dugme { display:inline-flex; align-items:center; gap:8px; flex:0 0 auto; height:44px; padding:0 18px; border-radius:12px; font-size:14px; font-weight:750; color:#1D4ED8;
  background:#fff; text-decoration:none; box-shadow:inset 0 -2px 0 rgba(15,42,86,.12); }
html[data-tema="koyu"] .hk-dugme { background:#E8EEF8; }
.hk-dugme:active { box-shadow:inset 0 2px 6px rgba(15,42,86,.25); }
.hk-dugme svg { width:16px; height:16px; }
.hk-dipnot { margin:4px 4px 8px !important; text-align:center; font-size:12px !important; color:var(--ink-3) !important; }

/* giris: bolumler sirayla gelir */
.hk-gir { animation:hkGir .5s cubic-bezier(.2,.8,.2,1) both; }
@keyframes hkGir { from { opacity:0; transform:translateY(12px); } }

/* ---------------------------------------------------------------- tablet / telefon */
@media (max-width:980px) {
  .hk-duzen { grid-template-columns:minmax(0,1fr); }
  .hk-yan { position:static; }
  .hk-icindekiler { padding:10px; }
  .hk-icindekiler > small { display:none; }
  .hk-icindekiler ol { display:flex; gap:6px; overflow-x:auto; scrollbar-width:none; padding-bottom:2px; }
  .hk-icindekiler ol::-webkit-scrollbar { display:none; }
  .hk-icindekiler li a { white-space:nowrap; background:var(--buz); }
  .hk-toc-iz { display:none; }
  .hk-icindekiler li a.on { background:var(--mavi-sis); box-shadow:inset 0 0 0 1px var(--mavi-ln); }
  .hk-guncel { margin:10px 4px 0; padding-top:10px; }
  .hk-kutular { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:560px) {
  .hk-bas { flex-direction:column; align-items:stretch; }
  .hk-sekme { align-self:flex-start; }
  .hk-bolum, .hk-ozet, .hk-iletisim { padding:18px 16px; }
  .hk-kutular, .hk-adimlar { grid-template-columns:minmax(0,1fr); }
  .hk-liste { grid-template-columns:minmax(0,1fr); }
  .hk-liste dt { padding-bottom:2px; }
  .hk-liste dd { border-top:0; padding-top:0; }
  .hk-tablo > div { grid-template-columns:minmax(0,1fr); gap:2px; }
  .hk-tablo-bas { display:none !important; }
  .hk-iletisim { flex-direction:column; align-items:stretch; }
  .hk-dugme { justify-content:center; }
}
@media (prefers-reduced-motion: reduce) { .hk-gir { animation:none; } .hk-sekme-iz, .hk-toc-iz { transition:none; } }