/* ============================================
   MeSite — Hukuki sayfalar (Sinema teması)
   gizlilik.html · kosullar.html · sifre-sifirla.html
   Kendi kendine yeterli: başka css dosyasına bağımlı değil.
   HTML'de hiçbir değişiklik gerekmez.
   ============================================ */

@import url('https://fonts.googleapis.com/css2?family=Saira+Condensed:wght@500;600;700&family=Saira:wght@300;400;500;600&display=swap');

:root {
    --sn-zemin: #08090b;
    --sn-yuzey: #0b0c10;
    --sn-ak: #f2f4f7;
    --sn-metin: #a9b0b9;
    --sn-soluk: #7d8593;
    --sn-krem: #f0e2cd;
    --sn-mavi: #5b8cff;
    --sn-cizgi: rgba(255, 255, 255, .1);
    --sn-baslik: 'Saira Condensed', 'Helvetica Neue', sans-serif;
    --sn-govde: Saira, 'Helvetica Neue', sans-serif;
}

html, body {
    margin: 0;
    background: var(--sn-zemin);
    color: var(--sn-metin);
    font-family: var(--sn-govde);
    -webkit-font-smoothing: antialiased;
}

.legal {
    max-width: 760px;
    margin: 0 auto;
    padding: clamp(24px, 4vw, 56px) clamp(18px, 4vw, 44px) clamp(56px, 7vw, 96px);
}

.legal__back {
    display: inline-block;
    margin-bottom: clamp(28px, 4vw, 44px);
    font-family: var(--sn-baslik);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .09em;
    text-transform: uppercase;
    color: var(--sn-soluk);
    text-decoration: none;
    transition: color .25s;
}
.legal__back:hover { color: var(--sn-ak); }

.legal h1 {
    margin: 0;
    font-family: var(--sn-baslik);
    font-weight: 700;
    font-size: clamp(32px, 5vw, 56px);
    line-height: .98;
    letter-spacing: -.015em;
    text-transform: uppercase;
    color: var(--sn-ak);
    text-wrap: pretty;
}

.legal__meta {
    margin: 12px 0 clamp(34px, 4.5vw, 52px);
    padding-bottom: 18px;
    border-bottom: 1px solid var(--sn-cizgi);
    font-family: var(--sn-baslik);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--sn-soluk);
}

.legal h2 {
    margin: clamp(40px, 5vw, 60px) 0 16px;
    padding-top: 20px;
    border-top: 1px solid var(--sn-cizgi);
    font-family: var(--sn-baslik);
    font-weight: 700;
    font-size: clamp(24px, 3vw, 34px);
    line-height: 1.04;
    letter-spacing: -.01em;
    text-transform: uppercase;
    color: var(--sn-ak);
    text-wrap: pretty;
}

.legal h3 {
    margin: 32px 0 12px;
    font-family: var(--sn-baslik);
    font-weight: 600;
    font-size: 19px;
    line-height: 1.25;
    color: var(--sn-ak);
}

.legal p, .legal li {
    font-size: 16px;
    line-height: 1.85;
    color: var(--sn-metin);
    text-wrap: pretty;
}
.legal p { margin: 0 0 18px; }
.legal ul, .legal ol { margin: 0 0 18px 1.15rem; padding: 0; }
.legal li { margin-bottom: 10px; }
.legal li::marker { color: var(--sn-mavi); }
.legal strong { color: var(--sn-ak); font-weight: 600; }
.legal a {
    color: var(--sn-mavi);
    text-decoration: none;
    border-bottom: 1px solid rgba(91, 140, 255, .38);
    transition: color .25s, border-color .25s;
}
.legal a:hover { color: #a8c2ff; border-bottom-color: #a8c2ff; }
.legal code {
    font-size: 14px;
    color: var(--sn-krem);
    background: rgba(240, 226, 205, .08);
    padding: 2px 6px;
}

.legal table {
    width: 100%;
    border-collapse: collapse;
    margin: 0 0 22px;
    font-size: 14.5px;
    border: 1px solid var(--sn-cizgi);
    background: var(--sn-yuzey);
}
.legal th, .legal td {
    text-align: left;
    vertical-align: top;
    padding: 13px 15px;
    border-bottom: 1px solid rgba(255, 255, 255, .07);
    line-height: 1.7;
    color: var(--sn-metin);
}
.legal tr:last-child th, .legal tr:last-child td { border-bottom: none; }
.legal th {
    width: 1%;
    white-space: nowrap;
    font-family: var(--sn-baslik);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--sn-soluk);
}
.legal thead th {
    background: var(--sn-zemin);
    border-bottom: 1px solid var(--sn-cizgi);
}

/* Hak kaybı doğuran maddeler — göz kaçırmasın */
.legal__note {
    margin: 0 0 24px;
    padding: 22px 24px;
    border: 1px solid rgba(240, 226, 205, .3);
    border-left: 3px solid var(--sn-krem);
    background: rgba(240, 226, 205, .06);
}
.legal__note p { font-size: 15.5px; color: #c3c9d1; }
.legal__note p:last-child { margin-bottom: 0; }
.legal__note strong { color: var(--sn-krem); }

.legal__footer {
    margin-top: clamp(52px, 6vw, 80px);
    padding-top: 22px;
    border-top: 1px solid var(--sn-cizgi);
    font-size: 12.5px;
    line-height: 1.7;
    color: var(--sn-soluk);
}
.legal__footer a { color: var(--sn-soluk); border-bottom-color: rgba(125, 133, 147, .35); }
.legal__footer a:hover { color: var(--sn-ak); border-bottom-color: var(--sn-ak); }

/* Şifre sıfırlama gibi form taşıyan hukuki sayfalar */
.legal .input {
    width: 100%;
    box-sizing: border-box;
    padding: 15px 16px;
    background: var(--sn-yuzey);
    border: 1px solid rgba(255, 255, 255, .18);
    color: var(--sn-ak);
    font-family: var(--sn-govde);
    font-size: 15.5px;
    outline: none;
    transition: border-color .25s;
}
.legal .input:focus { border-color: var(--sn-mavi); }

.legal .btn {
    display: inline-block;
    padding: 15px 28px;
    background: var(--sn-ak);
    color: var(--sn-zemin);
    border: none;
    font-family: var(--sn-baslik);
    font-size: 14.5px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    cursor: pointer;
    text-decoration: none;
    transition: background .25s;
}
.legal .btn:hover { background: var(--sn-mavi); color: var(--sn-zemin); }
.legal .btn--quiet {
    background: none;
    border: 1px solid rgba(255, 255, 255, .22);
    color: var(--sn-ak);
}
.legal .btn--quiet:hover { background: rgba(242, 244, 247, .1); color: var(--sn-ak); }

@media print {
    html, body { background: #fff; color: #14161a; }
    .legal { max-width: none; padding: 0; }
    .legal h1, .legal h2, .legal h3, .legal strong { color: #000; }
    .legal p, .legal li, .legal td { color: #14161a; }
    .legal__back { display: none; }
    .legal table { background: none; }
    .legal a { color: #14161a; border-bottom-color: #999; }
}