/*
 * Print-stylesheet (DSC-019) — voor het printen/PDF'en van posts en
 * informatiepagina's. Verbergt de schil (topbalk, panelen, composer,
 * actieknoppen), zet de contentkolom op leesbreedte en toont link-URL's.
 * Achtergrondvlakken vervallen ten gunste van inkt en contrast.
 *
 * Contract voor componenten uit andere secties:
 *   - alles wat niet mee moet in print krijgt `data-print="hide"`;
 *   - landmark-elementen (header/nav/aside/footer) en knoppen/formulieren
 *     verdwijnen sowieso.
 *
 * Let op: dit bestand moet als laatste component-import gewired worden,
 * zodat de print-regels utilities met gelijke specificiteit overrulen.
 */

@media print {
  @page {
    margin: 2cm;
  }

  html,
  body {
    background: #fff;
    color: var(--color-black);
  }

  /* Schil, panelen, composer en acties verdwijnen */
  header,
  nav,
  aside,
  footer,
  form,
  button,
  [data-print="hide"] {
    display: none;
  }

  /* Contentkolom op leesbreedte (±720px ≈ 17cm minus marges) */
  main {
    max-width: 720px;
    margin: 0 auto;
    padding: 0;
  }

  /* Achtergrondvlakken en diepte vervallen; inkt wint.
     `body [class]` wint op specificiteit van losse utility-classes. */
  body [class] {
    background-color: transparent;
    background-image: none;
    box-shadow: none;
  }

  /* Externe links tonen hun URL, zodat de afdruk zelfstandig leesbaar is */
  a[href^="http"]::after {
    content: " (" attr(href) ")";
    font-size: 0.85em;
    font-weight: 400;
    color: var(--color-subtle);
  }

  /* Geen pagina-einden dwars door kaarten en koppen heen */
  h1,
  h2,
  h3,
  h4 {
    break-after: avoid;
  }

  article,
  figure,
  blockquote {
    break-inside: avoid;
  }

  img {
    max-width: 100%;
  }
}