/*
  print.css — Print-stijlen voor de ParoPlus-site
  Geladen via media="print" in de <link>-tag
*/

/* ── Page setup ── */
@page {
  margin: 2cm;
}

html,
body {
  background: #ffffff;
  color: #000000;
}

/* ── Header-knoppen verbergen ── */
.theme-toggle,
.nav-toggle {
  display: none !important;
}

/* ── Skip-link verbergen ── */
.skip-link {
  display: none !important;
}

/* ── Formulier-paneel verbergen ── */
.form-panel {
  display: none !important;
}

/* ── Contactformulier verbergen ── */
form[data-demo-form] {
  display: none !important;
}

/* ── Secties: geen achtergrondkleur ── */
.section,
.section--alt,
.section--dark {
  background: #ffffff;
  color: #000000;
}

/* ── Donkere sectie leesbaar in print ── */
.section--dark {
  background: #ffffff !important;
  color: #000000 !important;
}

.section--dark h2,
.section--dark h3,
.section--dark-title,
.section--dark .eyebrow {
  color: #000000 !important;
}

.section--dark p,
.section--dark .lead-text {
  color: #000000 !important;
}

.section--dark .list-dash li {
  color: #000000 !important;
}

.section--dark .step h3,
.section--dark .step p {
  color: #000000 !important;
}

/* De stap-kaarten zetten hun eigen donkere achtergrond — zonder deze
   override zou zwarte tekst op donker vlak staan (audit-bevinding). */
.section--dark .step {
  background: #ffffff !important;
  border: 1px solid #cccccc;
}

.steps {
  background: #cccccc !important;
}

.section--dark .panel {
  background: #f5f5f5 !important;
  color: #000000 !important;
  border-color: #cccccc !important;
}

.section--dark .panel p {
  color: #000000 !important;
}

.step__label {
  color: #000000 !important;
}

/* ── Externe links: adres tonen ── */
a[href^="http"]::after {
  content: " (" attr(href) ")";
  font-size: 0.875em;
  word-break: break-all;
}

/* ── Footer: leesbaar ── */
.site-footer {
  background: #ffffff !important;
  color: #000000 !important;
  border-top: 1px solid #cccccc;
}

.site-footer__links a {
  color: #000000 !important;
}

/* ── Knoppen: zwart op wit ── */
.btn,
.btn--primary,
.btn--brand,
.btn--ghost {
  background: #ffffff;
  color: #000000;
  border: 1px solid #000000;
}

/* ── Lay-out aanpassingen ── */
.nav-toggle,
.site-nav {
  display: none !important;
}

/* ── Randen: minimaal ── */
.section-divider {
  border-bottom: 1px solid #cccccc;
}

.contact-list {
  border-top: 1px solid #cccccc;
}

/* ── Plaatjesmarkering ── */
.placeholder {
  border: 1px solid #cccccc;
  background: #f5f5f5 !important;
}

.placeholder span {
  color: #666666;
}

/* ── Kaarten: wit met rand ── */
.card {
  background: #ffffff !important;
  border: 1px solid #cccccc;
}

/* ── Lijsten: geen decoratie ── */
.list-dash li::before {
  display: none;
}