/* De pagina's over de pdf op papier (kalender-ux bouw C, 11 november 2026).

   Op /kalender/pdf en /kalender/pdf/<jaar>: kalenderpdf.php zet $print_css = '/css/pdfpapier.css'.
   Dit is de pagina zelf, niet de pdf. Wie hier Ctrl+P doet, kreeg 8 vellen: eerst het menu,
   dan de tekst zonder opmaak. Nu de titel, de kaartjes als gewone tekst en het adres van de
   pdf achter de knop, zodat je hem van het vel kunt overtypen.

   main.css staat op media="screen". Op papier geldt daar niets van, dus alles wat hier nodig
   is staat hier zelf. Zelfde lettertype en kleuren als kalenderpapier.css. */

@page { size: A4; margin: 14mm 16mm 14mm; }

@font-face {
  font-family: 'Manrope';
  src: url('fonts/manrope-latin.woff2') format('woff2');
  font-weight: 400 800;
  font-style: normal;
}

html, body { background: #fff; color: #111; }
body { margin: 0; font: 10pt/1.4 Manrope, Arial, sans-serif; }

/* Weg: alles buiten #content op de bekende lijn, en de wegwijzers en beelden binnenin. */
body > :not(#container),
#container > :not(#contentcontainer),
#contentcontainer > :not(#contentwrapper),
#contentwrapper > :not(#content),
#kruimels, .dagnav, nav, #paginanav, .icon32, p.vel, .visueelverborgen, .skiplink, .overslaan,
.feesttip, .nu-label, .agenda .nu { display: none !important; }

#container, #contentcontainer, #contentwrapper, #content {
  margin: 0; padding: 0; width: auto; max-width: none; border: 0; background: none; box-shadow: none;
}

#title { margin: 0 0 5mm; padding: 0; background: none; border: 0; box-shadow: none; transform: none; }
#title::before, #title::after { display: none !important; }
#title h1 { margin: 0; font-size: 20pt; font-weight: 800; line-height: 1.15; }
#title h1 > span { display: block; font-size: 9pt; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: #555; }

.box { margin: 0 0 4mm; padding: 0; border: 0; background: none; box-shadow: none; transform: none; break-inside: avoid; }
.box::before, .box::after { display: none !important; }
.box h2 { margin: 0 0 1.5mm; font-size: 12pt; font-weight: 800; }
.box p { margin: 0 0 1.5mm; }
a { color: #111; text-decoration: none; }

/* De knop als gewone tekst met het adres erachter. */
a.knop { font-weight: 800; }
a.knop::after { content: " (datum.nl" attr(href) ")"; font-weight: 400; color: #555; }

/* Korte feitenlijst: naam en waarde op een regel. */
ul.feiten { list-style: none; margin: 2mm 0 0; padding: 0; }
ul.feiten li { display: flex; gap: 4mm; padding: .6mm 0; border-top: .4pt solid #ccc; }
ul.feiten li:first-child { border-top: 0; }
ul.feiten .naam, ul.feiten .naam a { min-width: 40mm; color: #555; }
ul.feiten .wat { font-weight: 700; }

/* De feestdagen als agenda in twee kolommen. */
ul.agenda { columns: 2; column-gap: 10mm; list-style: none; margin: 1.5mm 0 2mm; padding: 0; font-size: 9pt; }
ul.agenda li { display: block; break-inside: avoid; margin: 0 0 .6mm; padding: 0; border: 0; background: none; }
ul.agenda .dag { display: inline-block; min-width: 16mm; }
ul.agenda .dag b { font-weight: 800; }
ul.agenda .wd { color: #555; margin-left: .8mm; }

/* De tabel met de jaren. */
.tabelrand { overflow: visible; }
table.zontabel { border-collapse: collapse; width: 100%; font-size: 9.5pt; }
table.zontabel th, table.zontabel td { text-align: left; padding: 1mm 3mm 1mm 0; border-bottom: .4pt solid #ccc; }
table.zontabel thead th { font-size: 8pt; text-transform: uppercase; letter-spacing: .04em; color: #555; border-bottom: .6pt solid #999; }