/* De jaarkalender op papier (layoutronde 8, voorstel B6, 25 oktober 2026).

   Alleen op /kalender/<jaar>: kalender.php zet $print_css = '/css/kalenderpapier.css' en
   header.inc.php maakt daar een <link media="print"> van, net als bij de datumpagina's
   (dagpapier.css). Zonder dit bestand gaf Ctrl+P 23 vellen, met het menu als eerste.

   main.css staat op media="screen". Op papier geldt daar niets van: geen @font-face, geen
   var(), geen .visueelverborgen. Alles wat hier nodig is, staat hier zelf.

   Opzet: één A4 staand. De titel, de twaalf maanden in drie kolommen, de feestdagen klein
   eronder en het adres onderaan. Weekend en vrije dagen grijs, een feestdag vet en
   onderstreept (een stipje valt op papier weg). De rest van de pagina valt weg: daarvoor
   is de pdf er, met dezelfde opzet. Mock-up van specialist D in controle-2026-10-06/layout8/. */

@page { size: A4; margin: 11mm 12mm 11mm; }

@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: 8pt/1.3 Manrope, Arial, sans-serif; }

/* Weg: alles buiten #content op de bekende lijn, en binnen #content alles behalve de
   titel, de kalender en de feestdagen. */
body > :not(#container),
#container > :not(#contentcontainer),
#contentcontainer > :not(#contentwrapper),
#contentwrapper > :not(#content),
#kruimels, #selectyear, .dagnav, nav, #paginanav, .icon32, .visueelverborgen, .skiplink,
.overslaan, .feesttip, .nu-label, .agenda .nu, .calendar tr.vul,
#content .box:not(:has(#feestdagen)), .box:has(#feestdagen) .txt > p { 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 4mm; 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.1; }

#jaarkalender { display: grid; grid-template-columns: repeat(3, 1fr); gap: 3.5mm 6mm; }
.calendar { width: 100%; border-collapse: collapse; font-size: 8pt; break-inside: avoid; background: none; border: 0; box-shadow: none; }
.calendar caption { text-align: left; font-weight: 800; font-size: 9pt; padding: 0 0 1mm; }
.calendar caption a { color: #111; text-decoration: none; }
.calendar th { font-size: 6pt; font-weight: 700; color: #666; text-transform: uppercase; padding: 0 0 .6mm; }
.calendar th.wk, .calendar th.wk a { color: #888; font-weight: 400; text-decoration: none; }
.calendar td { text-align: center; padding: 0; height: 5.2mm; }
.calendar td a { color: #111; text-decoration: none; display: block; line-height: 5.2mm; }
.calendar td.weekend a, .calendar td.vrij a {
  background: #e9e6df; -webkit-print-color-adjust: exact; print-color-adjust: exact;
}
.calendar td.feestdag a {
  font-weight: 800; text-decoration: underline; text-underline-offset: 1.2pt; text-decoration-thickness: .6pt;
}

/* De feestdagen als drie smalle kolommen. */
.box:has(#feestdagen) { margin: 5mm 0 0; padding: 2.5mm 0 0; border: 0; border-top: .4pt solid #999; background: none; box-shadow: none; transform: none; }
.box:has(#feestdagen)::before, .box:has(#feestdagen)::after { display: none !important; }
.box h2 { font-size: 9pt; margin: 0 0 1.5mm; }
.box:has(#feestdagen) ul { columns: 3; column-gap: 6mm; margin: 0; padding: 0; list-style: none; font-size: 7pt; }
.box:has(#feestdagen) li { display: block; break-inside: avoid; margin: 0 0 .5mm; padding: 0; border: 0; background: none; }
.box:has(#feestdagen) .dag { display: inline-block; min-width: 13mm; }
.box:has(#feestdagen) .wd { color: #666; }
.box a { color: #111; text-decoration: none; }

.printvoet[hidden] { display: block !important; margin: 3mm 0 0; font-size: 7pt; color: #555; }