/* Print-stylesheet (WS6 premium touches). Geladen via <link media="print">
 * in base.html, bewust BUITEN django-compressor (eigen media, geen bundel).
 * Zwart-op-wit met veilige serif, zonder navigatie-chrome; link-URL's van
 * dienst/brochure-kaarten worden uitgeschreven; kaarten breken niet af. */

@page {
  margin: 2cm;
}

body {
  background: #fff !important;
  color: #000 !important;
  font-family: Georgia, "Times New Roman", serif;
}

/* Navigatie-chrome en overlays verbergen: header, mobiel menu, side-tab,
 * back-to-top, footer-CTA (offerteband), modals en de pagina-wipe. */
.topbar,
.site-header,
.mobile-header,
.mobile-nav,
.side-tab,
.back-to-top,
.offerte-band,
.offerte-band-kaart,
.modal,
.page-transition,
.trust-bar::before,
.dienst-hero::after,
.offerte-top::after,
.site-footer::before,
.hero-divider {
  display: none !important;
}

/* Vlakken plat en leesbaar: geen schaduwen, overgangen of donkere bodems. */
*,
*::before,
*::after {
  box-shadow: none !important;
  text-shadow: none !important;
  transition: none !important;
  animation: none !important;
}

.band,
.contact-band,
.brochure-band,
.team-band,
.kantoor-top,
.offerte-top,
.dienst-hero,
.hero-sample,
.home-afspraak,
main > .contact-band:first-child {
  background: #fff !important;
  color: #000 !important;
  clip-path: none !important;
  padding-bottom: 1rem !important;
}

.section-title,
.hero-title,
.dienst-hero-title,
.service-card .card-title,
.home-kaart .section-title,
.team-member-name,
.modal-title,
.footer-title,
.dienst-hero-intro,
.hero-sub,
.band-text,
.contact-card-title,
.contact-card-value,
.link-row-description {
  color: #000 !important;
}

a {
  color: #000 !important;
  text-decoration: underline;
}

/* Dienst/brochure-links: schrijf de URL uit achter de linktekst. */
.service-grid a[href]::after,
.brochure-grid a[href]::after,
.brochure-grid-pagina a[href]::after,
.link-row a[href]::after {
  content: " (" attr(href) ")";
  font-size: 0.85em;
  word-break: break-all;
}

/* Kaarten en koppen heel houden op de pagina. */
.team-member,
.vacature,
.service-card,
.home-kaart,
.contact-card,
.brochure-cover {
  break-inside: avoid;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  break-after: avoid;
}

img {
  max-width: 100% !important;
}