/*
 * Print-stylesheet voor de frontend.
 * Alle regels staan binnen @media print zodat de schermweergave ongewijzigd blijft.
 * Doel: alleen de kern-content (plus footer) netjes in zwart/wit afdrukken en alle
 * interface-elementen (navigatie, zoeken, sliders-besturing, knoppen, cookie, enz.) verbergen.
 */
@media print {

	/* ------------------------------------------------------------------ *
	 * 1. Interface / chrome verbergen
	 * ------------------------------------------------------------------ */

	/* Mobiele balken en menu's */
	.mobileTopBar,
	.hamburger,
	.slideout-menu,
	.mobile-search-opener,
	.mobile-fullscreen-search,

	/* Header en navigatie */
	.header-container,
	header,
	.topBar,
	nav,
	.logo-link,
	.region-selection,
	.region-selection-buttons,
	.mega-menus,
	.mega-menu,

	/* Zoeken */
	.contentSearch,
	.siteSearch,
	.siteSearchWrapper,
	.search-results,

	/* Breadcrumb */
	.iz-breadcrumb-wrapper,

	/* Slider-besturing */
	.swiper-button-prev,
	.swiper-button-next,
	.swiper-buttons-wrapper,
	.swiper-pagination,

	/* Filters */
	.filter-categories,
	.filter-categories-container,
	.mobile-filter-label,
	.open-filter,
	.show-activities,
	.reset-activity-filters,

	/* Knoppen / CTA's */
	.button,
	.button-primair,
	.button-secundair,
	.button-location,
	.articleReadMore,
	.article-read-more,
	.activity-read-more,
	.activity-back-button,
	.subscribe-button,
	.more-info,
	.load-more-activities,
	.articleBlock .pagination,

	/* Cookiemelding + zwevende cookie-instellingenknop */
	#cookies-policy,
	.cc-window,
	.cookieconsent,
	.cookiebtn,

	/* Skiplink */
	.skiplink,

	/* Footer */
	footer {
		display: none !important;
	}

	/* ------------------------------------------------------------------ *
	 * 2. Zwart/wit forceren
	 * ------------------------------------------------------------------ */

	html,
	body {
		background: #fff !important;
		color: #000 !important;
	}

	.blockColor-1,
	.blockColor-2,
	.blockColor-3,
	.blockColor-4,
	.blockContainer,
	.superBlockContainer {
		background: transparent !important;
		color: #000 !important;
		box-shadow: none !important;
	}

	/* Labels/badges (bv. regio-aanduiding) zonder gekleurde achtergrond, maar wel herkenbaar */
	.article-category {
		background: transparent !important;
		color: #000 !important;
		border: 1px solid #000 !important;
	}

	/* Type-icoon van activiteiten: gekleurde achtergrond neutraliseren */
	.activity-icon {
		background: transparent !important;
		color: #000 !important;
	}

	h1, h2, h3, h4, h5, h6,
	p, a, li, td, th, blockquote,
	span, div, strong, em {
		color: #000 !important;
	}

	/* Afbeeldingen behouden als grijswaarden en binnen de paginabreedte houden */
	img {
		filter: grayscale(100%) !important;
		max-width: 100% !important;
		height: auto !important;
	}

	/* ------------------------------------------------------------------ *
	 * 3. Layout herstellen voor papier
	 * ------------------------------------------------------------------ */

	/* De body is op het scherm een flex-kolom (sticky-footer). Daardoor krijgt
	 * .allContent een hoogte op basis van de flex-ruimte i.p.v. z'n content, puilt
	 * de content eruit en komt de footer bovenop de tekst. Voor print terug naar
	 * normale blok-flow zodat de footer ná de volledige content valt. */
	body {
		display: block !important;
	}

	.allContent {
		flex: none !important;
		height: auto !important;
	}

	/* Vaste positionering / verschuivingen opheffen zodat content bovenaan begint */
	.allContent,
	.container-fluid.movable,
	section#content {
		display: block !important;
		position: static !important;
		margin: 0 !important;
		padding: 0 !important;
		transform: none !important;
		width: auto !important;
		min-height: 0 !important;
	}

	/* Sliders uitklappen: toon alle items onder elkaar i.p.v. één zichtbare slide */
	.swiper-container {
		overflow: visible !important;
	}

	.swiper-wrapper {
		display: block !important;
		transform: none !important;
	}

	.swiper-slide {
		width: auto !important;
		margin: 0 0 1rem 0 !important;
	}

	/* ------------------------------------------------------------------ *
	 * 4. Nette pagina-afbrekingen
	 * ------------------------------------------------------------------ */

	/* Alleen kleine, atomaire elementen bij elkaar houden. Grote content-wrappers
	 * (.blockContainer) NIET, anders springt een blok dat net niet meer op de pagina
	 * past in z'n geheel naar de volgende pagina en blijft de rest wit. */
	.article,
	.activity-detail,
	img,
	blockquote,
	table {
		page-break-inside: avoid;
	}

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

	/* ------------------------------------------------------------------ *
	 * 5. Koppen een derde kleiner op papier
	 * ------------------------------------------------------------------ */

	h1 {
		font-size: 32px !important;
		line-height: 1.25 !important;
	}

	h2 {
		font-size: 29px !important;
		line-height: 1.25 !important;
	}

	h3 {
		font-size: 17px !important;
		line-height: 1.3 !important;
	}

	/* ------------------------------------------------------------------ *
	 * 6. Accordeon: alle panelen open tonen op papier
	 * ------------------------------------------------------------------ */

	.accordion__item:not([open]) > .accordion__body {
		display: block !important;
	}

	.accordion__summary::before {
		display: none !important;
	}
}