/* Yasal metin şablonu (/gizlilik, /kvkk, /cerez-politikasi, /kullanim-sartlari, /veri-silme) + 404 — ortak.css üstüne */

/* ─── hero ─── */
.ys-hero{padding:40px 0 0;background:linear-gradient(180deg,#fff 0%,var(--zemin-2) 100%);border-bottom:1px solid var(--cizgi)}
.ys-iz{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13.5px;color:var(--soluk-2);margin:0 0 18px;padding:0;list-style:none}
.ys-iz li{display:flex;align-items:center;gap:8px}
.ys-iz li + li::before{content:"/";color:#CFCBE0}
.ys-iz a:hover{color:var(--indigo)}
.ys-iz [aria-current]{color:var(--soluk)}
.ys-hero h1{font:800 clamp(32px,4vw,48px)/1.1 "Figtree";letter-spacing:-.025em;margin:0 0 14px}
.ys-ust-bilgi{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:28px}
.ys-tarih{margin:0;font-size:15px;color:var(--soluk)}
.ys-tarih time{color:var(--ink-2);font-weight:600}
.ys-yazdir{display:inline-flex;align-items:center;gap:7px;font:600 14px/1 "Figtree";color:var(--ink-2);background:#fff;border:1px solid var(--cizgi);border-radius:8px;padding:8px 12px;cursor:pointer}
.ys-yazdir:hover{border-color:#CFC6FB;color:var(--indigo)}
.ys-yazdir svg{width:16px;height:16px}
.ys-yazdir[hidden]{display:none}

/* yasal sayfalar arası geçiş */
.ys-gecis ul{display:flex;gap:4px;list-style:none;margin:0;padding:0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.ys-gecis ul::-webkit-scrollbar{display:none}
.ys-gecis a{display:block;white-space:nowrap;font-size:14.5px;font-weight:600;color:var(--soluk);padding:12px 14px;border-bottom:2px solid transparent;margin-bottom:-1px}
.ys-gecis a:hover{color:var(--ink)}
.ys-gecis a[aria-current="page"]{color:var(--indigo);border-bottom-color:var(--indigo)}

/* ─── gövde ─── */
.ys-govde{padding:48px 0 88px}
.ys-izgara{display:grid;grid-template-columns:260px minmax(0,1fr);gap:64px;align-items:start}

/* içindekiler */
.ys-ic{position:sticky;top:96px;max-height:calc(100vh - 120px);overflow:auto}
.ys-ic-kutu,.ys-ic-kutu:first-of-type{border:0}
.ys-ic-kutu summary{display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:0;font:700 13.5px/1 "Figtree";color:var(--soluk);letter-spacing:.01em;margin-bottom:14px;list-style:none;cursor:default;pointer-events:none}
.ys-ic-kutu summary::after{content:none}
.ys-ic-kutu summary::-webkit-details-marker{display:none}
.ys-ic-kutu summary svg{width:16px;height:16px}
.ys-ic ol{list-style:none;margin:0;padding:0 0 0 2px;border-left:1px solid var(--cizgi)}
.ys-ic a{display:flex;gap:10px;font-size:14px;line-height:1.4;color:var(--soluk);padding:7px 0 7px 14px;margin-left:-1px;border-left:2px solid transparent}
.ys-ic a span{flex:none;min-width:1.4em;color:var(--soluk-2);font-variant-numeric:tabular-nums}
.ys-ic a:hover{color:var(--ink)}
.ys-ic a[aria-current]{color:var(--indigo-koyu);border-left-color:var(--indigo);font-weight:600}
.ys-ic a[aria-current] span{color:var(--indigo)}

/* metin */
.ys-metin{max-width:44rem;font-size:16.5px;line-height:1.75;color:var(--ink-2)}
.ys-metin p{margin:0 0 16px}
.ys-metin strong{color:var(--ink);font-weight:600}
.ys-metin a{color:var(--indigo);text-decoration:underline;text-decoration-color:rgba(79,57,232,.35);text-underline-offset:3px}
.ys-metin a:hover{text-decoration-color:var(--indigo)}
.ys-metin code{font:500 .88em/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--zemin-2);border:1px solid var(--cizgi);border-radius:6px;padding:1px 6px;word-break:break-all}
.ys-giris{font-size:17.5px;color:var(--ink-2);padding-bottom:8px}
.ys-bolum{padding-top:8px;margin-bottom:36px;scroll-margin-top:96px}
.ys-bolum + .ys-bolum{border-top:1px solid var(--cizgi);padding-top:36px}
.ys-metin h2{display:flex;align-items:baseline;gap:12px;font:700 clamp(21px,2.2vw,25px)/1.3 "Figtree";letter-spacing:-.015em;color:var(--ink);margin:0 0 16px;scroll-margin-top:96px}
.ys-no{flex:none;display:inline-grid;place-items:center;min-width:34px;height:34px;padding:0 6px;border-radius:9px;background:var(--indigo-acik);color:var(--indigo-koyu);font:700 15px/1 "Figtree";font-variant-numeric:tabular-nums;transform:translateY(-2px)}
.ys-metin h3{font:700 17.5px/1.4 "Figtree";color:var(--ink);margin:26px 0 10px}
.ys-metin ul{margin:0 0 18px;padding:0;list-style:none;display:grid;gap:10px}
.ys-metin li{position:relative;padding-left:22px}
.ys-metin li::before{content:"";position:absolute;left:4px;top:.72em;width:6px;height:6px;border-radius:50%;background:var(--indigo);opacity:.55}

/* tablo */
.ys-tablo{overflow-x:auto;margin:6px 0 22px;border:1px solid var(--cizgi);border-radius:12px;background:#fff}
.ys-metin table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.5}
.ys-metin th{text-align:left;font-weight:700;color:var(--ink);background:var(--zemin-2);padding:12px 16px;border-bottom:1px solid var(--cizgi);white-space:nowrap}
.ys-metin td{padding:12px 16px;border-top:1px solid var(--cizgi);vertical-align:top}
.ys-metin tbody tr:first-child td{border-top:0}
.ys-metin td:first-child{color:var(--ink);font-weight:500}

.ys-yukari{margin:8px 0 0;font-size:14.5px}
.ys-yukari a{display:inline-flex;align-items:center;gap:6px;color:var(--soluk);text-decoration:none}
.ys-yukari a:hover{color:var(--indigo)}
.ys-yukari svg{width:15px;height:15px}

/* veri-silme durum kutusu */
.ys-durum{display:flex;gap:14px;border-radius:14px;padding:18px 20px;margin:0 0 28px;font-size:15px;line-height:1.6;border:1px solid var(--cizgi);background:var(--zemin-2)}
.ys-durum[hidden]{display:none}
.ys-durum b{display:block;color:var(--ink);font-size:16px;margin-bottom:2px}
.ys-durum p{margin:0}
.ys-durum small{display:block;margin-top:8px;font-size:12.5px;color:var(--soluk);word-break:break-all}
.ys-durum-tamam{background:#ECFDF5;border-color:#A7F3D0}
.ys-durum-yok{background:#FFFBEB;border-color:#FDE68A}

/* ─── 404 ─── */
.ys-404{padding:72px 0 96px;background:linear-gradient(180deg,#fff 0%,var(--zemin-2) 100%)}
.ys-404 .wrap{max-width:880px}
.ys-404-kod{margin:0 0 10px;font:700 15px/1 "Figtree";color:var(--indigo)}
.ys-404 h1{font:800 clamp(32px,4.4vw,50px)/1.1 "Figtree";letter-spacing:-.025em;margin:0 0 16px}
.ys-404-giris{font-size:18px;color:var(--soluk);margin:0 0 28px;max-width:34em}
.ys-404-eylem{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:56px}
.ys-404 h2{font:700 19px/1.3 "Figtree";margin:0 0 16px}
.ys-404-liste{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;list-style:none;margin:0;padding:0}
.ys-404-liste a{display:flex;flex-direction:column;gap:4px;height:100%;background:#fff;border:1px solid var(--cizgi);border-radius:12px;padding:18px 20px;box-shadow:var(--golge);transition:border-color .15s,box-shadow .15s}
.ys-404-liste a:hover{border-color:#CFC6FB;box-shadow:var(--golge-buyuk)}
.ys-404-liste b{font-weight:700;color:var(--ink)}
.ys-404-liste b::after{content:" →";color:var(--indigo)}
.ys-404-liste span{font-size:14.5px;color:var(--soluk)}

/* ─── duyarlı ─── */
@media (max-width:1060px){
  .ys-izgara{grid-template-columns:minmax(0,1fr);gap:24px}
  .ys-ic{position:static;max-height:none;overflow:visible}
  .ys-ic-kutu,.ys-ic-kutu:first-of-type{border:1px solid var(--cizgi);border-radius:12px;background:#fff}
  .ys-ic-kutu summary{margin:0;padding:15px 16px;cursor:pointer;pointer-events:auto;color:var(--ink);font-size:15px}
  .ys-ic-kutu summary::after{content:"";margin-left:auto;width:20px;height:20px;flex:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235E5B7A' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center/18px no-repeat;transition:transform .2s}
  .ys-ic-kutu[open] summary::after{transform:rotate(180deg)}
  .ys-ic ol{border-left:0;padding:0 16px 12px;border-top:1px solid var(--cizgi)}
  .ys-ic a{padding:9px 0;border-left:0;margin:0}
  .ys-ic a[aria-current]{font-weight:500;color:var(--soluk)}
  .ys-ic a[aria-current] span{color:var(--soluk-2)}
  .ys-metin{max-width:none}
}
@media (max-width:640px){
  .wrap{padding:0 16px}
  .ys-hero{padding-top:28px}
  .ys-gecis ul{margin:0 -16px;padding:0 16px}
  .ys-govde{padding:28px 0 64px}
  .ys-metin{font-size:16px;line-height:1.7}
  .ys-giris{font-size:16.5px}
  .ys-bolum + .ys-bolum{padding-top:28px}
  .ys-bolum{margin-bottom:28px}
  .ys-metin h2{gap:10px}
  .ys-no{min-width:30px;height:30px;font-size:14px}
  .ys-metin th,.ys-metin td{padding:10px 12px}
  .ys-404{padding:48px 0 64px}
  .ys-404-liste{grid-template-columns:minmax(0,1fr)}
}

/* ─── yazdırma ─── */
@media print{
  @page{margin:18mm 16mm}
  .ust-serit,nav.ana,.cagri,footer,.ys-gecis,.ys-ic,.ys-yazdir,.ys-yukari,.ys-iz,.ys-durum{display:none!important}
  body{background:#fff;color:#000;font-size:11pt}
  .ys-hero{background:none;border:0;padding:0 0 8pt}
  .ys-hero h1{font-size:22pt;margin-bottom:4pt}
  .ys-ust-bilgi{margin-bottom:12pt}
  .ys-govde{padding:0}
  .wrap{max-width:none;padding:0}
  .ys-izgara{display:block}
  .ys-metin{max-width:none;font-size:10.5pt;line-height:1.5;color:#000}
  .ys-bolum,.ys-bolum + .ys-bolum{border:0;padding-top:0;margin-bottom:14pt}
  .ys-metin h2{font-size:13pt;break-after:avoid}
  .ys-metin h3{break-after:avoid}
  .ys-no{background:none;color:#000;min-width:0;height:auto;padding:0;transform:none}
  .ys-metin li,.ys-metin tr{break-inside:avoid}
  .ys-metin a{color:#000;text-decoration:underline}
  .ys-metin a[href^="http"]::after,.ys-metin a[href^="mailto:"]::after{content:" (" attr(href) ")";font-size:9pt;color:#444;word-break:break-all}
  .ys-tablo{border-color:#999;overflow:visible}
  .ys-metin th{background:#eee}
}
