/**
 * print.css — Box 3 de Baas
 * Print-stylesheet voor berekeningsresultaten (PDF-download via window.print())
 */

@media print {

  /* ── Algemeen ── */
  * { box-sizing: border-box; }

  body {
    font-family: Arial, sans-serif;
    font-size: 11pt;
    color: #000;
    background: #fff;
    margin: 0;
    padding: 0;
  }

  /* ── Verberg alles behalve de printcontainer ── */
  body > * { display: none !important; }
  #print-container { display: block !important; }

  /* Verberg elementen binnen print-container die niet in de print horen */
  #emailCaptureBlok,
  #naar2026Blok,
  #notices2025,
  .chart-wrap,
  button {
    display: none !important;
  }


  /* ── KPI-kaarten ── */
  .grid4 {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr);
    gap: 8pt;
    margin-bottom: 16pt;
  }

  .kpi-card {
    border: 1pt solid #ccc;
    border-radius: 4pt;
    padding: 8pt;
    break-inside: avoid;
  }

  .kpi-label { font-size: 8pt; color: #555; margin-bottom: 2pt; }
  .kpi-val   { font-size: 14pt; font-weight: 700; color: #154272; }
  .kpi-sub   { font-size: 7pt; color: #888; }

  .kpi-card.hl-warn .kpi-val { color: #b45309; }

  /* ── Detailtabel ── */
  .table {
    width: 100%;
    border-collapse: collapse;
    font-size: 9pt;
    margin-bottom: 16pt;
  }

  .table th {
    background: #154272;
    color: #fff;
    padding: 5pt 7pt;
    text-align: left;
    font-size: 8pt;
  }

  .table td {
    padding: 4pt 7pt;
    border-bottom: 0.5pt solid #ddd;
    font-family: Arial, sans-serif !important;
  }

  .table tr.subtotal td { font-weight: 600; background: #f5f5f5; }
  .table tr.breakdown-header td { background: #e8f0fa; font-weight: 700; }
  .table tr:last-child td { border-bottom: none; font-weight: 700; }

  /* ── Voetnoot ── */
  #results2025 .print-voetnoot {
    font-size: 8pt;
    color: #888;
    margin-top: 16pt;
    border-top: 0.5pt solid #ccc;
    padding-top: 8pt;
  }

  /* ── Paginering ── */
  @page {
    margin: 20mm 15mm;
    size: A4 portrait;
  }

}