/* ═══════════════════════════════════════════════════════════════
   TEKSTPAGINA'S — voorwaarden, privacy, zoekresultaten
   ═══════════════════════════════════════════════════════════════ */

.ly-tekstpagina, .ly-archief { padding-bottom: var(--ly-section); }

/* ── Kop: titel + "laatst bijgewerkt" direct eronder, i.p.v. pas
   helemaal onderaan de pagina. Compact — dit is geen sectiehero. ── */
.ly-tekst-hero { padding: clamp(28px, 4vw, 44px) 0 clamp(16px, 2vw, 24px); }
.ly-tekst-hero .ly-tekst-datum { margin-top: 0.7em; }

/* ── Inhoudsopgave + tekst naast elkaar ──────────────────────────
   Bouwt zichzelf op uit de h2's in de tekst (zie page-tekst.php),
   dus dit werkt voor elke pagina met dit sjabloon, zonder handwerk. */
.ly-tekst-inner {
    display: grid;
    grid-template-columns: 216px 1fr;
    gap: clamp(32px, 5vw, 64px);
    align-items: start;
}
.ly-tekst-inner-zonder-toc { display: block; max-width: 780px; }

.ly-tekst-toc {
    position: sticky;
    top: calc(var(--ly-nav-h) + 24px);
    padding: 20px 22px;
    background: var(--ly-sand);
    border-radius: var(--ly-radius-md);
}
.ly-tekst-toc-kop {
    margin: 0 0 12px;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: var(--ly-spatie-label);
    text-transform: uppercase;
    color: var(--ly-taupe);
}
.ly-tekst-toc ol {
    margin: 0;
    padding-left: 1.3em;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.ly-tekst-toc li { font-size: 0.86rem; line-height: 1.4; }
.ly-tekst-toc a { color: var(--ly-ink); }
.ly-tekst-toc a:hover { color: var(--ly-olive-diep); }

.ly-tekst-body { max-width: 68ch; }

@media (max-width: 900px) {
    .ly-tekst-inner { display: block; }
    .ly-tekst-toc {
        position: static;
        margin-bottom: 32px;
    }
    .ly-tekst-body { max-width: none; }
}

.ly-tekstpagina .ly-rijk { font-size: 0.97rem; line-height: 1.8; }
.ly-tekstpagina .ly-rijk h2 {
    font-size: 1.4rem;
    margin-top: 2em;
    padding-top: 0.8em;
    border-top: 1px solid var(--ly-line);
}
.ly-tekstpagina .ly-rijk h3 { font-size: 1.08rem; margin-top: 1.8em; }

/* Paginering onder zoekresultaten */
.ly-archief .navigation.pagination { margin-top: 40px; }
.ly-archief .nav-links { display: flex; gap: 8px; flex-wrap: wrap; }
.ly-archief .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 38px; height: 38px;
    padding: 0 10px;
    border: 1px solid var(--ly-line);
    border-radius: var(--ly-radius);
    color: var(--ly-ink);
    font-size: 0.88rem;
}
.ly-archief .page-numbers:hover { border-color: var(--ly-ink); }
.ly-archief .page-numbers.current {
    background: var(--ly-ink);
    border-color: var(--ly-ink);
    color: var(--ly-cream);
}