/* Ceepri — yasal sayfalar (yasal.php: /gizlilik, /kullanim-kosullari, /veri-silme)
   TEMA: :root = AYDINLIK (varsayılan: kâğıt zemin, lacivert yazı), html[data-theme="dark"] = karanlık (gece mavisi, eski görünüm).
   Seçim anahtarı localStorage 'elite-theme' (baglanti/tema.php <head>'de boyamadan önce atar). Görünüm tanitim.css ile aynı dil:
   turkuaz, Inter/Sora/Instrument Serif. Bağımsız dosya (tanitim.css yüklenmez). Fontlar/renkler Tasarım Yöneticisi
   değişkenlerini (--cp-font-*, --cp-renk-*) tüketir; tanımsızsa aşağıdaki varsayılanlar geçerlidir. */
:root {
    color-scheme: light;
    --bg: #f6f9fb;
    --bg-2: #ecf3f7;
    --bg-3: #e1ebf2;
    --bg-rgb: 246, 249, 251;
    --yazi: #0b1a30;
    --govde: #22364f;
    --soluk: #46586f;
    --soluk-2: #5a6c85;
    --cizgi: rgba(11, 26, 48, .1);
    --cizgi-2: rgba(11, 26, 48, .18);
    --teal: var(--cp-renk-ana, #2fc4cc);
    --teal-rgb: var(--cp-renk-ana-rgb, 47, 196, 204);
    --teal-2: var(--cp-renk-ana-koyu, #08727a);
    --murekkep: var(--cp-renk-ana-murekkep, #021c1f);
    --btn-a: var(--cp-renk-ana-g1, #6fe6eb);
    --btn-b: var(--cp-renk-ana-g2, #27b0ba);
    --ov: 11, 26, 48;
    --f-metin: var(--cp-font-govde, "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif);
    --f-baslik: var(--cp-font-baslik, "Sora", "Inter", system-ui, sans-serif);
    --f-serif: var(--cp-font-serif, "Instrument Serif", "Times New Roman", Georgia, serif);
    --f-kod: var(--cp-font-kod, ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace);
    --ust-h: 68px;
    --kap: 1180px;
    --ease: cubic-bezier(.2, .75, .15, 1);
    /* tema ara değerleri */
    --glow-bg: radial-gradient(70rem 32rem at 50% -8rem, rgba(var(--teal-rgb), .16), transparent 62%), radial-gradient(40rem 26rem at 0% 100%, rgba(255, 188, 0, .08), transparent 70%);
    --btn-golge: 0 10px 22px -10px rgba(11, 140, 150, .55), inset 0 1px 0 rgba(255, 255, 255, .5);
    --btn-hover: var(--yazi);
    --btn-hover-yazi: #fff;
    --ust-bg: rgba(var(--bg-rgb), .82);
    --alt-bg: #e8eff5;
    --link-cizgi: rgba(8, 114, 122, .35);
    --link-hover: var(--yazi);
    --kod-zemin: rgba(255, 255, 255, .85);
    --uyari-yazi: #8a5d00;
    --nokta-golge: 0 0 0 3px rgba(var(--teal-rgb), .2);
    --cam-ic: rgba(255, 255, 255, .7);
    --ok-renk: var(--teal-2);
    --kod-yazi: #065a61;
}
:root[data-theme="dark"] {
    color-scheme: dark;
    --bg: #03070f;
    --bg-2: #06101f;
    --bg-3: #0a1a30;
    --bg-rgb: 3, 7, 15;
    --yazi: #eef5fd;
    --govde: #d3e0ef;
    --soluk: #93a8c3;
    --soluk-2: #5f7493;
    --cizgi: rgba(160, 196, 236, .12);
    --cizgi-2: rgba(160, 196, 236, .22);
    --teal-2: var(--cp-renk-ana-acik, #8ff0f3);
    --ov: 255, 255, 255;
    --glow-bg: radial-gradient(70rem 32rem at 50% -8rem, rgba(var(--teal-rgb), .13), transparent 62%);
    --btn-golge: 0 10px 30px -12px rgba(var(--teal-rgb), .8), inset 0 1px 0 rgba(255, 255, 255, .45);
    --btn-hover: #fff;
    --btn-hover-yazi: var(--murekkep);
    --ust-bg: rgba(3, 7, 15, .78);
    --alt-bg: #01040a;
    --link-cizgi: rgba(143, 240, 243, .35);
    --link-hover: #fff;
    --kod-zemin: rgba(2, 28, 31, .7);
    --uyari-yazi: #ffd466;
    --nokta-golge: 0 0 0 3px rgba(var(--teal-rgb), .15);
    --cam-ic: transparent;
    --ok-renk: var(--teal);
    --kod-yazi: var(--teal-2);
}

*, *::before, *::after { box-sizing: border-box; }
html { background: var(--bg); -webkit-text-size-adjust: 100%; scroll-padding-top: calc(var(--ust-h) + 20px); font-size: calc(100% * var(--cp-font-olcek, 1)); }
@media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } }
body.ys {
    margin: 0; min-height: 100vh; display: flex; flex-direction: column;
    background: var(--glow-bg), var(--bg);
    color: var(--govde); font: 400 1rem/1.7 var(--f-metin);
    -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
    overflow-wrap: break-word;
}
.ys img { display: block; max-width: 100%; height: auto; }
.ys picture { display: contents; }
.ys :where(h1, h2, h3, p, ul, ol, dl, dd, figure, blockquote) { margin: 0; }
.ys :focus-visible { outline: 2px solid var(--teal); outline-offset: 3px; border-radius: 6px; }
.ys ::selection { background: var(--teal); color: var(--murekkep); }
.ys-skip { position: absolute; left: 16px; top: -80px; z-index: 300; padding: 10px 16px; border-radius: 10px; background: var(--teal); color: var(--murekkep); font-weight: 700; text-decoration: none; }
.ys-skip:focus { top: 12px; }
.ys-kap { width: 100%; max-width: var(--kap); margin: 0 auto; padding: 0 18px; }
@media (min-width: 700px) { .ys-kap { padding: 0 40px; } }

/* ---------- Butonlar ---------- */
.ys-btn {
    display: inline-flex; align-items: center; justify-content: center; min-height: 38px; padding: 0 1rem; border-radius: 999px;
    border: 1px solid transparent; font: 600 .85rem/1 var(--f-metin); text-decoration: none; white-space: nowrap;
    transition: color .25s, background-color .25s, border-color .25s, box-shadow .25s;
}
.ys-btn--ana { background: linear-gradient(180deg, var(--btn-a), var(--btn-b)); color: var(--murekkep); box-shadow: var(--btn-golge); }
.ys-btn--ana:hover { background: var(--btn-hover); color: var(--btn-hover-yazi); }
.ys-btn--cizgi { color: var(--yazi); border-color: var(--cizgi-2); background: rgba(var(--ov), .03); }
.ys-btn--cizgi:hover { background: var(--yazi); color: var(--bg); }

/* ---------- Üst çubuk ---------- */
.ys-ust { position: sticky; top: 0; z-index: 120; height: var(--ust-h); background: var(--ust-bg); border-bottom: 1px solid var(--cizgi); -webkit-backdrop-filter: blur(18px) saturate(150%); backdrop-filter: blur(18px) saturate(150%); }
.ys-ust__in { height: 100%; max-width: var(--kap); margin: 0 auto; padding: 0 18px; display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
@media (min-width: 700px) { .ys-ust__in { padding: 0 40px; } }
.ys-logo { display: inline-flex; align-items: center; }
.ys-logo img { width: 108px; height: auto; }
html:not([data-theme="dark"]) .ys-logo .cp-logo--acik, html[data-theme="dark"] .ys-logo .cp-logo--koyu { display: none; }
.ys-ust__cta { display: flex; align-items: center; gap: .5rem; }
.ys-ust__cta .cp-tema-dugme { margin-right: .25rem; }

/* ---------- Ana alan ---------- */
.ys-main { flex: 1 0 auto; padding: 1.5rem 0 4.5rem; }
.ys-kirinti ol { display: flex; flex-wrap: wrap; align-items: center; gap: .3rem .55rem; padding: 0; list-style: none; font-size: .82rem; color: var(--soluk); }
.ys-kirinti li + li::before { content: "/"; margin-right: .55rem; color: var(--soluk-2); }
.ys-kirinti a { color: var(--soluk); text-decoration: none; }
.ys-kirinti a:hover { color: var(--teal-2); }
.ys-kirinti [aria-current] { color: var(--yazi); }

.ys-baslik { padding: 2.25rem 0 2rem; max-width: 52rem; }
.ys-etiket { display: inline-flex; align-items: center; gap: .6rem; font: 600 .74rem/1 var(--f-metin); letter-spacing: .2em; text-transform: uppercase; color: var(--teal-2); }
.ys-etiket::before { content: ""; width: 1.6rem; height: 1px; background: var(--teal); }
.ys-baslik h1 { margin-top: 1rem; font: 700 clamp(2rem, 6.5vw, 3.4rem)/1.08 var(--f-baslik); letter-spacing: -.035em; color: var(--yazi); text-wrap: balance; }
.ys-lead { margin-top: 1.25rem; font-size: 1.1rem; line-height: 1.7; color: var(--govde); }
.ys-meta { margin-top: 1.1rem; font-size: .88rem; color: var(--soluk); }
.ys-meta time { color: var(--yazi); font-weight: 600; }
.ys-sekmeler { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1.5rem; }
.ys-sekmeler a { display: inline-flex; align-items: center; min-height: 40px; padding: 0 1rem; border-radius: 999px; border: 1px solid var(--cizgi-2); background: rgba(var(--ov), .03); color: var(--govde); font-size: .88rem; font-weight: 500; text-decoration: none; transition: color .2s, border-color .2s, background-color .2s; }
.ys-sekmeler a:hover { color: var(--yazi); border-color: var(--teal); }
.ys-sekmeler a[aria-current="page"] { background: rgba(var(--teal-rgb), .14); border-color: rgba(var(--teal-rgb), .55); color: var(--teal-2); }

/* ---------- Silme durum kutusu ---------- */
.ys-durum { margin: 0 0 2.25rem; padding: 1.1rem 1.25rem; max-width: 52rem; border-radius: 16px; border: 1px solid rgba(var(--teal-rgb), .5); background: linear-gradient(135deg, rgba(var(--teal-rgb), .14), rgba(var(--teal-rgb), .04)); color: var(--yazi); }
.ys-durum strong { display: block; font: 700 1.05rem/1.4 var(--f-baslik); }
.ys-durum code { display: inline-block; max-width: 100%; margin-top: .45rem; padding: .25rem .6rem; border-radius: 8px; background: var(--kod-zemin); border: 1px solid rgba(var(--teal-rgb), .35); color: var(--teal-2); font: 600 1rem/1.4 var(--f-kod); letter-spacing: .06em; overflow-wrap: anywhere; }
.ys-durum p { margin-top: .6rem; font-size: .92rem; color: var(--govde); }
.ys-durum a { color: var(--teal-2); text-underline-offset: .18em; }
.ys-durum a:hover { color: var(--link-hover); }

/* ---------- İçindekiler + metin ---------- */
.ys-govde { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2rem; }
@media (min-width: 1000px) { .ys-govde { grid-template-columns: 17rem minmax(0, 1fr); gap: 3.5rem; align-items: start; } }
.ys-ic { min-width: 0; }
@media (min-width: 1000px) { .ys-ic { position: sticky; top: calc(var(--ust-h) + 20px); max-height: calc(100vh - var(--ust-h) - 40px); overflow-y: auto; overscroll-behavior: contain; } }
.ys-ic__kutu { border: 1px solid var(--cizgi-2); border-radius: 16px; background: rgba(var(--ov), .025); }
.ys-ic summary { display: flex; align-items: center; justify-content: space-between; padding: .9rem 1.1rem; font: 600 .74rem/1 var(--f-metin); letter-spacing: .2em; text-transform: uppercase; color: var(--yazi); cursor: pointer; list-style: none; }
.ys-ic summary::-webkit-details-marker { display: none; }
.ys-ic summary::after { content: ""; width: .5rem; height: .5rem; border-right: 2px solid var(--teal); border-bottom: 2px solid var(--teal); transform: rotate(45deg); transition: transform .25s var(--ease); }
.ys-ic details[open] summary::after { transform: rotate(-135deg); }
@media (min-width: 1000px) { .ys-ic summary { cursor: default; pointer-events: none; } .ys-ic summary::after { display: none; } }
.ys-ic ol { margin: 0; padding: 0 .5rem .7rem; list-style: none; counter-reset: ic; }
.ys-ic li { counter-increment: ic; }
.ys-ic a { display: flex; gap: .65rem; padding: .45rem .6rem; border-radius: 10px; color: var(--soluk); font-size: .88rem; line-height: 1.4; text-decoration: none; transition: color .2s, background-color .2s; }
.ys-ic a::before { content: counter(ic, decimal-leading-zero); flex: none; color: var(--soluk-2); font-variant-numeric: tabular-nums; font-size: .75rem; padding-top: .12rem; }
.ys-ic a:hover { color: var(--yazi); background: rgba(var(--ov), .04); }
.ys-ic a.is-aktif { color: var(--teal-2); background: rgba(var(--teal-rgb), .1); }
.ys-ic a.is-aktif::before { color: var(--teal); }

.ys-metin { min-width: 0; max-width: 46rem; counter-reset: bolum; }
.ys-metin section { padding-bottom: 2.25rem; margin-bottom: 2.25rem; border-bottom: 1px solid var(--cizgi); }
.ys-metin section:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
.ys-metin h2 { display: flex; align-items: baseline; gap: .8rem; margin-bottom: 1.1rem; font: 700 clamp(1.3rem, 3.6vw, 1.7rem)/1.25 var(--f-baslik); letter-spacing: -.025em; color: var(--yazi); }
.ys-metin h2::before { counter-increment: bolum; content: counter(bolum, decimal-leading-zero); flex: none; font: 500 .8rem/1 var(--f-metin); letter-spacing: .1em; color: var(--teal); }
.ys-cap { margin-left: auto; padding: 0 .3rem; color: var(--soluk-2); font: 500 1rem/1 var(--f-metin); text-decoration: none; opacity: 0; transition: opacity .2s, color .2s; }
.ys-metin h2:hover .ys-cap, .ys-cap:focus-visible { opacity: 1; }
.ys-cap:hover { color: var(--teal-2); }
@media (hover: none) { .ys-cap { display: none; } }
.ys-metin h3 { margin: 1.6rem 0 .6rem; font: 600 1.05rem/1.4 var(--f-baslik); letter-spacing: -.01em; color: var(--yazi); }
.ys-metin p { margin-bottom: 1rem; }
.ys-metin p:last-child, .ys-metin ul:last-child, .ys-metin ol:last-child { margin-bottom: 0; }
.ys-metin strong { color: var(--yazi); font-weight: 600; }
.ys-metin a { color: var(--teal-2); text-decoration: underline; text-decoration-color: var(--link-cizgi); text-underline-offset: .18em; transition: text-decoration-color .2s, color .2s; }
.ys-metin a:hover { color: var(--link-hover); text-decoration-color: var(--teal-2); }
.ys-metin code { padding: .1rem .4rem; border-radius: 6px; background: rgba(var(--ov), .06); border: 1px solid var(--cizgi); color: var(--kod-yazi); font: 500 .88em var(--f-kod); }

.ys-liste { padding: 0; list-style: none; margin-bottom: 1rem; display: grid; gap: .6rem; }
.ys-liste > li { position: relative; padding-left: 1.4rem; }
ul.ys-liste > li::before { content: ""; position: absolute; left: .15rem; top: .72em; width: .42rem; height: .42rem; border-radius: 50%; background: var(--teal); box-shadow: var(--nokta-golge); }
ol.ys-liste { counter-reset: sira; }
ol.ys-liste > li { counter-increment: sira; padding-left: 2.1rem; }
ol.ys-liste > li::before { content: counter(sira); position: absolute; left: 0; top: .12em; display: grid; place-items: center; width: 1.45rem; height: 1.45rem; border-radius: 50%; background: rgba(var(--teal-rgb), .14); border: 1px solid rgba(var(--teal-rgb), .4); color: var(--teal-2); font: 600 .72rem/1 var(--f-metin); }

.ys-alinti { margin: 1.1rem 0; padding: 1rem 1.2rem; border-left: 3px solid var(--teal); border-radius: 0 14px 14px 0; background: rgba(var(--teal-rgb), .07); color: var(--yazi); }
.ys-alinti p { margin: 0; font-size: 1.02rem; }

.ys-kunye { display: grid; gap: 0; margin: 1.1rem 0 0; border: 1px solid var(--cizgi-2); border-radius: 16px; overflow: hidden; background: rgba(var(--ov), .02); }
.ys-kunye > div { display: grid; gap: .15rem 1.5rem; padding: .85rem 1.1rem; border-bottom: 1px solid var(--cizgi); }
.ys-kunye > div:last-child { border-bottom: 0; }
@media (min-width: 640px) { .ys-kunye > div { grid-template-columns: 11rem minmax(0, 1fr); align-items: baseline; } }
.ys-kunye dt { font: 600 .72rem/1.4 var(--f-metin); letter-spacing: .14em; text-transform: uppercase; color: var(--soluk); }
.ys-kunye dd { color: var(--yazi); }

/* ---------- Tablolar ---------- */
.ys-tablo-sar { margin: 1.1rem 0; }
.ys-tablo { width: 100%; border-collapse: separate; border-spacing: 0; font-size: .93rem; line-height: 1.6; border: 1px solid var(--cizgi-2); border-radius: 16px; overflow: hidden; background: rgba(var(--ov), .02); }
.ys-tablo th, .ys-tablo td { padding: .85rem 1rem; text-align: left; vertical-align: top; border-bottom: 1px solid var(--cizgi); }
.ys-tablo tr:last-child > * { border-bottom: 0; }
.ys-tablo thead th { background: rgba(var(--ov), .04); font: 600 .72rem/1.4 var(--f-metin); letter-spacing: .14em; text-transform: uppercase; color: var(--soluk); }
.ys-tablo tbody th { width: 28%; color: var(--yazi); font-weight: 600; }
@media (max-width: 760px) {
    .ys-tablo, .ys-tablo tbody, .ys-tablo tr, .ys-tablo td, .ys-tablo tbody th { display: block; width: 100%; }
    .ys-tablo { border: 0; background: none; border-radius: 0; overflow: visible; }
    .ys-tablo thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
    .ys-tablo tr { margin-bottom: .9rem; border: 1px solid var(--cizgi-2); border-radius: 14px; background: rgba(var(--ov), .025); overflow: hidden; }
    .ys-tablo th, .ys-tablo td { border-bottom: 1px solid var(--cizgi); padding: .7rem .95rem; }
    .ys-tablo tbody th { background: rgba(var(--ov), .04); }
    .ys-tablo tr > :last-child { border-bottom: 0; }
    .ys-tablo td::before { content: attr(data-e); display: block; margin-bottom: .2rem; font: 600 .68rem/1.4 var(--f-metin); letter-spacing: .14em; text-transform: uppercase; color: var(--soluk-2); }
}

/* ---------- Kartlar + düğme ---------- */
.ys-kartlar { display: grid; gap: .8rem; margin: .3rem 0 0; }
@media (min-width: 760px) { .ys-kartlar { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.ys-metin a.ys-kart { display: grid; gap: .4rem; align-content: start; padding: 1.1rem 1.15rem; border-radius: 16px; border: 1px solid var(--cizgi-2); background: rgba(var(--ov), .03); color: var(--soluk); font-size: .92rem; line-height: 1.55; text-decoration: none; transition: border-color .25s, background-color .25s, transform .25s var(--ease); }
.ys-metin a.ys-kart:hover { border-color: var(--teal); background: rgba(var(--teal-rgb), .07); transform: translateY(-2px); color: var(--govde); }
.ys-kart strong { font: 700 1.02rem/1.3 var(--f-baslik); color: var(--yazi); }
.ys-kart__no { display: grid; place-items: center; width: 1.7rem; height: 1.7rem; border-radius: 50%; background: rgba(var(--teal-rgb), .14); border: 1px solid rgba(var(--teal-rgb), .4); color: var(--teal-2); font: 700 .8rem/1 var(--f-metin); }
.ys-metin a.ys-dugme { display: inline-flex; align-items: center; min-height: 46px; padding: 0 1.25rem; border-radius: 999px; background: linear-gradient(180deg, var(--btn-a), var(--btn-b)); color: var(--murekkep); font-weight: 600; text-decoration: none; box-shadow: var(--btn-golge); transition: background .25s, transform .25s var(--ease); }
.ys-metin a.ys-dugme:hover { background: var(--btn-hover); color: var(--btn-hover-yazi); transform: translateY(-1px); }

/* ---------- Alt bilgi ---------- */
.ys-alt { flex: none; background: var(--alt-bg); border-top: 1px solid var(--cizgi); color: var(--soluk); font-size: .92rem; }
.ys-alt__in { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2rem; padding-top: 3rem; padding-bottom: 2.5rem; }
@media (min-width: 700px) { .ys-alt__in { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1000px) { .ys-alt__in { grid-template-columns: 1.5fr 1fr 1fr 1.4fr; gap: 2.5rem; } }
.ys-alt__marka img { width: 56px; height: 56px; margin-bottom: .9rem; }
.ys-alt__marka .ys-alt__acik { display: none; }
:root[data-theme="dark"] .ys-alt__marka .ys-alt__acik { display: block; }
:root[data-theme="dark"] .ys-alt__marka .ys-alt__renkli { display: none; }
.ys-alt__marka p { max-width: 24rem; line-height: 1.7; }
.ys-alt__kol { display: flex; flex-direction: column; align-items: flex-start; gap: .65rem; min-width: 0; }
.ys-alt__baslik { margin-bottom: .3rem; font: 600 .72rem/1 var(--f-metin); letter-spacing: .2em; text-transform: uppercase; color: var(--yazi); }
.ys-alt__kol a, .ys-alt__kol address { color: inherit; font-style: normal; text-decoration: none; transition: color .2s; overflow-wrap: anywhere; }
.ys-alt__kol a:hover { color: var(--teal-2); }
.ys-alt__kol a[aria-current="page"] { color: var(--teal-2); }
.ys-alt__son { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .5rem 1.5rem; padding-top: 1.4rem; padding-bottom: calc(1.4rem + env(safe-area-inset-bottom, 0px)); border-top: 1px solid var(--cizgi); font-size: .82rem; }
.ys-alt__son a { color: var(--yazi); text-decoration: none; }
.ys-alt__son a:hover { color: var(--teal-2); }

@media print {
    .ys-ust, .ys-alt, .ys-ic, .ys-sekmeler { display: none; }
    body.ys { background: #fff; color: #111; }
    .ys-metin h2, .ys-metin strong, .ys-baslik h1 { color: #000; }
}