/**
 * A4 print stylesheet for vca.nu
 *
 * Screen media queries hide the off-canvas mobile nav; those rules do not apply
 * in print, so the full menu, header, footer and cookie bar used to dump onto paper.
 */

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

@media screen {
  .vca-print-page {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 9998;
    background: #e73331;
    color: #fff;
    border: 0;
    border-radius: 4px;
    padding: 10px 16px;
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.02em;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  }

  .vca-print-page:hover,
  .vca-print-page:focus {
    background: #c42b29;
    color: #fff;
  }

  .vca-print-source {
    display: none;
  }
}

@media print {
  html,
  body {
    background: #fff !important;
    color: #111 !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  .pace,
  noscript,
  #wpadminbar,
  .navigation--mobile,
  .navigation--main,
  nav.navigation,
  header.header,
  .header,
  .header-2023,
  .site-header,
  .site-header__branding,
  .header-bar-container,
  .js-nav-trigger,
  .nav-top-separator,
  .socialmedia_heading,
  .handmade_menu,
  .heading--main,
  .site__stats,
  .back-to-top,
  footer.site__footer,
  .footer__sidebar,
  .footer__copyright,
  .cky-consent-container,
  .cky-overlay,
  .cky-btn-revisit-wrapper,
  .cky-modal,
  .cky-preference-center,
  .cky-revisit-hide,
  .vca-print-page,
  .language-switcher {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    max-height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
    position: static !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #page,
  .wrapper,
  .layout--boxed .wrapper,
  .container,
  .container--main,
  .grid,
  .grid__item,
  .main {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    position: static !important;
    overflow: visible !important;
  }

  /* Do not keep a whole article on one sheet: that creates a blank A4 when it overflows. */
  article,
  .post-article {
    break-inside: auto !important;
    page-break-inside: auto !important;
  }

  .image-wrap {
    float: none !important;
    padding: 0 0 0.8em !important;
    width: 100% !important;
  }

  .image-wrap img {
    max-height: 70mm !important;
    width: auto !important;
    max-width: 100% !important;
  }

  img,
  video {
    max-width: 100% !important;
    height: auto !important;
  }

  iframe,
  video {
    display: none !important;
  }

  a[href]::after {
    content: none !important;
  }

  h1,
  h2,
  h3,
  h4,
  .article__title {
    page-break-after: avoid;
    break-after: avoid-page;
  }

  .article--grid,
  .overzichtspagina-chip,
  figure,
  .image-wrap {
    page-break-inside: avoid;
    break-inside: avoid;
  }

  .article__title,
  .article__title--single {
    font-size: 22pt !important;
    line-height: 1.25 !important;
  }

  .vca-handleiding-print {
    font-size: 11pt;
    line-height: 1.45;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  .vca-print-source {
    display: block !important;
    margin-top: 18px;
    font-size: 9pt;
    color: #444;
  }

  /* Child handleiding pages: hide the related-card grid; keep it on the overview. */
  .vca-handleiding-print:not(.vca-handleiding-overview) .overzichtspaginas-related {
    display: none !important;
  }

  /* News-style handleiding pages (e.g. TopVacatures): no sidebar, tags, related. */
  .vca-handleiding-print .sidebar,
  .vca-handleiding-print #nieuwsbrief,
  .vca-handleiding-print .widget_nieuwbrief,
  .vca-handleiding-print #contactpersoon,
  .vca-handleiding-print .yarpp,
  .vca-handleiding-print .yarpp-related,
  .vca-handleiding-print .article__meta,
  .vca-handleiding-print .article--single__meta,
  .vca-handleiding-print .addthis_sharing_toolbox {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
  }

  /* Expand FAQ accordion answers so print is not just the closed titles. */
  .wpsm_panel-collapse,
  .wpsm_panel-collapse.collapse {
    display: block !important;
    visibility: visible !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  .wpsm_panel {
    page-break-inside: avoid;
    break-inside: avoid;
  }
}