@charset "UTF-8";
/* ==========================================================================
   Printweergave. Wie hier print, wil de gegenereerde tekst op papier zien om
   te beoordelen hoe hij zet - niet het menu, de uitleg en de advertenties.
   ========================================================================== */

@page { margin: 18mm 16mm; }

:root {
    --grond: #fff; --vlak: #fff; --vlak-2: #fff;
    --tekst: #000; --tekst-zacht: #444; --rand: #bbb;
    --accent: #000; --accent-licht: #fff; --accent-tekst: #000;
    --schaduw: none;
}

body { background: #fff !important; color: #000; font-size: 10pt; line-height: 1.45; }

/* Alles wat niet op papier hoort */
.noprint,
.nav, .kruimels, .voet, .tools,
.adsvak, .toast, .consent, .overslaan,
.faq, .formulier, .knop, .knoppenrij, .gen__knop,
.lijst-links,
script, iframe { display: none !important; }

/* Het logo bovenaan het vel */
.kop {
    display: block !important;
    position: static;
    background: none;
    border: 0;
    margin: 0 0 4mm;
    padding: 0;
}
.kop__binnen { display: block; max-width: none; margin: 0; padding: 0; }
/* Het woordmerk is tekst; op papier in zwart in plaats van wit op teal. */
.kop__logo { display: inline-block; }
.kop__naam { font-size: 16pt; color: #000 !important; letter-spacing: .05em; }
.kop__punt { opacity: .6; }
.kop__tag  { font-size: 6.5pt; color: #444 !important; letter-spacing: .28em; }

.inhoud { max-width: none; margin: 0; padding: 0; }

.vlak, .tekstvak {
    border: 0;
    box-shadow: none;
    padding: 0;
    margin: 0 0 6mm;
    background: none;
    break-inside: avoid;
}

h1 {
    font-size: 15pt;
    margin: 0 0 4mm;
    padding-bottom: 1.5mm;
    border-bottom: 1px solid var(--rand);
    break-after: avoid;
}
h2 { font-size: 12pt; margin: 5mm 0 2mm; break-after: avoid; }
h3 { font-size: 10.5pt; margin: 4mm 0 1.5mm; break-after: avoid; }

/* De gegenereerde tekst is wat er geprint moet worden. Een textarea print
   standaard maar één schermhoogte; daarom laten we hem meegroeien met de
   inhoud en halen we het kader eraf. */
.tekstvak__kop { display: block; margin: 0 0 2mm; }
.tekstvak__titel { font-family: inherit; font-size: 11pt; }
.tekstvak__sub { display: none; }
.tekstvak__veld {
    border: 0;
    background: none !important;
    padding: 0;
    font-size: 10pt;
    line-height: 1.5;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    resize: none;
}
.tekstvak__meta { font-size: 8pt; color: #555; margin-top: 2mm; }

/* De generatorvelden tonen op papier wel welke instelling is gebruikt */
.gen__velden { display: block; }
.gen__veld { display: inline-block; margin-right: 6mm; font-size: 9pt; }
.gen__veld select, .gen__veld input {
    border: 0;
    background: none;
    padding: 0;
    font-size: 9pt;
    width: auto;
    -webkit-appearance: none;
    appearance: none;
}
.gen__hint { display: none; }

.tabelwrap { overflow: visible; }
table.data { font-size: 9pt; }
table.data th { background: #eee !important; }
table.data tr { break-inside: avoid; }

a { color: #000; text-decoration: none; }

/* Alleen op papier zichtbaar */
.toprint { display: block !important; }