/* ==========================================================================
   legal.css — Hukuki metin sayfaları (KVKK, Gizlilik, Çerez)
   Okunaklı prose düzeni; Archival Codex ritmi.
   ========================================================================== */

.legal-page {
    padding-block: clamp(var(--space-3xl), 8vw, var(--space-5xl));
}

/* --- Hero başlık --- */
.legal-page__hero {
    margin-block-end: var(--space-3xl);
}

.legal-page__title {
    font-family: var(--font-display);
    font-size: var(--text-h1);
    font-weight: var(--weight-regular);
    line-height: 1.1;
    color: var(--color-text-primary);
    margin-block-end: var(--space-sm);
}

.legal-page__meta {
    font-size: var(--text-small);
    color: var(--color-text-muted);
    letter-spacing: 0.04em;
}

.legal-page__meta span + span::before {
    content: '·';
    margin-inline: var(--space-2xs);
}

/* --- İçerik gövdesi — dar sütun, okunaklı --- */
.legal-page__body {
    max-width: var(--max-line-length-wide);
}

.legal-page__body h2 {
    font-family: var(--font-display);
    font-size: var(--text-h3);
    font-weight: var(--weight-regular);
    line-height: 1.2;
    color: var(--color-text-primary);
    margin-block: var(--space-2xl) var(--space-md);
    padding-block-start: var(--space-lg);
    border-block-start: var(--border-hairline) solid var(--color-border-light);
}

.legal-page__body h2:first-child {
    margin-block-start: 0;
    padding-block-start: 0;
    border-block-start: none;
}

.legal-page__body h3 {
    font-family: var(--font-body);
    font-size: var(--text-body-lg, 1.15rem);
    font-weight: var(--weight-semibold);
    color: var(--color-text-primary);
    margin-block: var(--space-xl) var(--space-sm);
}

.legal-page__body p {
    margin-block: 0 var(--space-md);
    font-size: var(--text-body);
    line-height: var(--text-body-leading);
    color: var(--color-text-primary);
}

.legal-page__body ul,
.legal-page__body ol {
    margin-block: 0 var(--space-md);
    padding-inline-start: var(--space-lg);
}

.legal-page__body li {
    margin-block-end: var(--space-xs);
    font-size: var(--text-body);
    line-height: var(--text-body-leading);
    color: var(--color-text-primary);
}

.legal-page__body a {
    color: var(--color-burgundy);
    text-decoration: underline;
    text-underline-offset: 2px;
}

.legal-page__body a:hover {
    color: var(--color-burgundy-light);
}

.legal-page__body strong {
    font-weight: var(--weight-semibold);
    color: var(--color-text-primary);
}

/* --- Vurgulu bilgi kutusu --- */
.legal-page__note {
    margin-block: var(--space-xl);
    padding: var(--space-lg) var(--space-xl);
    border-inline-start: 3px solid var(--color-burgundy);
    background-color: var(--color-cream);
}

.legal-page__note p:last-child {
    margin-block-end: 0;
}

/* --- Tablo (veri kategorileri vb. için) --- */
.legal-page__body table {
    width: 100%;
    border-collapse: collapse;
    margin-block: var(--space-md) var(--space-xl);
    font-size: var(--text-small);
}

.legal-page__body th,
.legal-page__body td {
    padding: var(--space-sm) var(--space-md);
    text-align: start;
    border-block-end: var(--border-hairline) solid var(--color-border-light);
    vertical-align: top;
}

.legal-page__body th {
    font-weight: var(--weight-semibold);
    background-color: var(--color-cream);
    font-size: var(--text-caption);
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

/* --- Son güncelleme çubuğu --- */
.legal-page__foot {
    margin-block-start: var(--space-3xl);
    padding-block-start: var(--space-lg);
    border-block-start: var(--border-hairline) solid var(--color-border-light);
    font-size: var(--text-caption);
    color: var(--color-text-muted);
    letter-spacing: 0.04em;
}

/* --- Mobil --- */
@media (max-width: 640px) {
    .legal-page__body ul,
    .legal-page__body ol {
        padding-inline-start: var(--space-md);
    }
}