/*
 * Wasdrogergids v213 — sitebrede typografie/leesbaarheid.
 *
 * Doel:
 * - hetzelfde snelle systeemfont behouden (Segoe UI op Windows, San Francisco op Apple);
 * - minder zware/scherpe koppen;
 * - iets donkerdere lopende tekst;
 * - lange redactionele tekst op desktop en mobiel rustiger leesbaar maken;
 * - labels, tabellen, knoppen en compacte interface-elementen niet onnodig vergroten.
 */

:root {
	--wg-color-text: #17332a;
	--wg-color-heading: #102f26;
	--wg-color-text-muted: #465b53;
	--wg-color-text-subtle: #5d7068;
	--wg-line-height-body: 1.68;
	--wg-h1-font-weight: 700;
	--wg-h1-line-height: 1.08;
	--wg-h1-letter-spacing: -0.026em;
}

/* Houd het bestaande systeemfont: geen externe fontdownload en geen layoutshift. */
body.wasdrogergids {
	font-family: var(--wg-font-family);
	color: var(--wg-color-text);
	font-size: 16px;
	line-height: var(--wg-line-height-body);
	font-weight: 400;
}

/* Rustigere koppen. 700 rendert op systeemfonts consistenter dan 750. */
body.wasdrogergids h1,
body.wasdrogergids h2,
body.wasdrogergids h3,
body.wasdrogergids h4,
body.wasdrogergids h5,
body.wasdrogergids h6 {
	color: var(--wg-color-heading);
	font-family: var(--wg-heading-font-family);
	text-rendering: optimizeLegibility;
}

body.wasdrogergids h1 {
	font-weight: 700;
	line-height: 1.08;
	letter-spacing: -0.026em;
}

body.wasdrogergids h2 {
	font-weight: 700;
	line-height: 1.20;
	letter-spacing: -0.020em;
}

body.wasdrogergids h3 {
	font-weight: 700;
	line-height: 1.32;
	letter-spacing: -0.010em;
}

body.wasdrogergids h4,
body.wasdrogergids h5,
body.wasdrogergids h6 {
	font-weight: 700;
	letter-spacing: -0.006em;
}

body.wasdrogergids p {
	color: var(--wg-color-text-muted);
}

body.wasdrogergids strong,
body.wasdrogergids b {
	font-weight: 700;
}

/* Lange redactionele teksten: één rustige desktopmaat. */
@media (min-width: 761px) {
	body.wasdrogergids.single-apparaat .wg-review-content,
	body.wasdrogergids.single-apparaat .wg-review-content p,
	body.wasdrogergids.single-apparaat .wg-review-section__body,
	body.wasdrogergids.single-apparaat .wg-editorial-intro,
	body.wasdrogergids.single-apparaat .wg-apparaat-section > p,
	body.wasdrogergids.single-apparaat .wg-apparaat-section li,

	body.wasdrogergids.single-kennis .wg-knowledge-content,
	body.wasdrogergids.single-kennis .wg-knowledge-content p,
	body.wasdrogergids.single-kennis .wg-knowledge-content li,
	body.wasdrogergids.single-kennis .wg-knowledge-answer,
	body.wasdrogergids.single-kennis .wg-knowledge-answer p,

	body.wasdrogergids.single-probleem .wg-problem-answer__text,
	body.wasdrogergids.single-probleem .wg-problem-answer__text p,
	body.wasdrogergids.single-probleem .wg-problem-block p,
	body.wasdrogergids.single-probleem .wg-problem-block li,

	body.wasdrogergids.single-koopgids .wg-koopgids__intro-text,
	body.wasdrogergids.single-koopgids .wg-koopgids__selection-intro,
	body.wasdrogergids.single-koopgids .wg-koopgids__method-text,
	body.wasdrogergids.single-koopgids .wg-koopgids-editorial__text,
	body.wasdrogergids.single-koopgids .wg-koopgids-conclusion__text,
	body.wasdrogergids.single-koopgids .wg-koopgids-page__editor-content,
	body.wasdrogergids.single-koopgids .wg-koopgids-page__editor-content p,
	body.wasdrogergids.single-koopgids .wg-koopgids-page__editor-content li,

	body.wasdrogergids .wg-page__content,
	body.wasdrogergids .wg-page__content p,
	body.wasdrogergids .wg-page__content li {
		font-size: 16px !important;
		line-height: 1.72 !important;
		color: var(--wg-color-text-muted) !important;
	}

	/* Intro's mogen een fractie groter, maar niet 'marketing-groot'. */
	body.wasdrogergids .wg-apparaat-intro,
	body.wasdrogergids .wg-apparaat-hero__intro,
	body.wasdrogergids .wg-knowledge-hero__intro,
	body.wasdrogergids .wg-problem__intro,
	body.wasdrogergids .wg-problem-page__intro,
	body.wasdrogergids .wg-problem-brand-hub__hero p,
	body.wasdrogergids .wg-hub-hero__content > p,
	body.wasdrogergids .wg-listing-intro > p,
	body.wasdrogergids .wg-koopgids-hero__intro {
		font-size: 17px !important;
		line-height: 1.68 !important;
		color: var(--wg-color-text-muted) !important;
	}

	/* Redactionele sectiekoppen: stevig maar niet log/zwaar. */
	body.wasdrogergids.single-apparaat .wg-section-heading h2,
	body.wasdrogergids.single-apparaat .wg-review-content h2,
	body.wasdrogergids.single-kennis .wg-knowledge-content h2,
	body.wasdrogergids.single-probleem .wg-problem-answer-title,
	body.wasdrogergids.single-probleem .wg-problem-block__heading h2,
	body.wasdrogergids.single-koopgids .wg-koopgids__section-title,
	body.wasdrogergids.single-koopgids .wg-koopgids-editorial__title,
	body.wasdrogergids.single-koopgids .wg-koopgids-comparison__title,
	body.wasdrogergids.single-koopgids .wg-koopgids-conclusion__title,
	body.wasdrogergids.single-koopgids .wg-koopgids-faq h2,
	body.wasdrogergids.single-koopgids .wg-koopgids-related h2 {
		font-weight: 700 !important;
		letter-spacing: -0.018em !important;
		line-height: 1.22 !important;
	}

	body.wasdrogergids.single-apparaat .wg-review-content h3,
	body.wasdrogergids.single-kennis .wg-knowledge-content h3,
	body.wasdrogergids.single-probleem .wg-problem-block h3,
	body.wasdrogergids.single-koopgids .wg-koopgids-page__editor-content h3 {
		font-weight: 700 !important;
		letter-spacing: -0.008em !important;
		line-height: 1.34 !important;
	}
}

/* Mobiel: huidige 14–14,5px redactionele copy was op veel plekken te klein.
   15px/15,25px geeft meer rust zonder cards of UI op te blazen. */
@media (max-width: 760px) {
	body.wasdrogergids {
		font-size: 15px;
		line-height: 1.68;
	}

	body.wasdrogergids h1,
	body.wasdrogergids .wg-page__title,
	body.wasdrogergids .wg-problem__title,
	body.wasdrogergids .wg-knowledge-hero h1,
	body.wasdrogergids .wg-apparaat-title,
	body.wasdrogergids .wg-hub-hero h1,
	body.wasdrogergids .wg-problem-page__title,
	body.wasdrogergids .wg-choice-hero h1 {
		font-weight: 700 !important;
		line-height: 1.13 !important;
		letter-spacing: -0.020em !important;
	}

	body.wasdrogergids h2,
	body.wasdrogergids .wg-koopgids__section-title,
	body.wasdrogergids .wg-koopgids-editorial__title,
	body.wasdrogergids .wg-koopgids-comparison__title,
	body.wasdrogergids .wg-koopgids-conclusion__title,
	body.wasdrogergids .wg-koopgids-faq h2,
	body.wasdrogergids .wg-koopgids-related h2,
	body.wasdrogergids .wg-koopgids-auto-related h2,
	body.wasdrogergids .wg-problem-answer-title,
	body.wasdrogergids .wg-problem-block__heading h2,
	body.wasdrogergids.single-kennis .wg-knowledge-content h2,
	body.wasdrogergids.single-apparaat .wg-apparaat-section h2 {
		font-weight: 700 !important;
		line-height: 1.24 !important;
		letter-spacing: -0.014em !important;
	}

	body.wasdrogergids.single-apparaat .wg-editorial-intro,
	body.wasdrogergids.single-apparaat .wg-editorial-key-quality__text,
	body.wasdrogergids.single-apparaat .wg-review-content,
	body.wasdrogergids.single-apparaat .wg-review-content p,
	body.wasdrogergids.single-apparaat .wg-review-section__body,
	body.wasdrogergids.single-apparaat .wg-apparaat-section p,
	body.wasdrogergids.single-probleem .wg-problem-answer__text,
	body.wasdrogergids.single-probleem .wg-problem-answer__text p,
	body.wasdrogergids.single-probleem .wg-problem-block p,
	body.wasdrogergids.single-probleem .wg-problem-block li,
	body.wasdrogergids.single-kennis .wg-knowledge-content,
	body.wasdrogergids.single-kennis .wg-knowledge-content p,
	body.wasdrogergids.single-kennis .wg-knowledge-content li,
	body.wasdrogergids.single-kennis .wg-knowledge-answer,
	body.wasdrogergids.single-kennis .wg-knowledge-answer p,
	body.wasdrogergids .wg-page__content {
		font-size: 15.25px !important;
		line-height: 1.70 !important;
		color: var(--wg-color-text-muted) !important;
	}

	body.wasdrogergids .wg-koopgids__selection-intro,
	body.wasdrogergids .wg-koopgids-comparison__intro,
	body.wasdrogergids .wg-koopgids-related__header > p,
	body.wasdrogergids .wg-koopgids__intro-text,
	body.wasdrogergids .wg-koopgids__method-text,
	body.wasdrogergids .wg-koopgids-editorial__text,
	body.wasdrogergids .wg-koopgids-conclusion__text,
	body.wasdrogergids .wg-koopgids-page__editor-content,
	body.wasdrogergids .wg-koopgids-page__editor-content p,
	body.wasdrogergids .wg-koopgids-page__editor-content li {
		font-size: 15.25px !important;
		line-height: 1.70 !important;
		color: var(--wg-color-text-muted) !important;
	}

	body.wasdrogergids .wg-apparaat-intro,
	body.wasdrogergids .wg-apparaat-hero__intro,
	body.wasdrogergids .wg-knowledge-hero__intro,
	body.wasdrogergids .wg-problem__intro,
	body.wasdrogergids .wg-problem-page__intro,
	body.wasdrogergids .wg-problem-brand-hub__hero p,
	body.wasdrogergids .wg-hub-hero__content > p,
	body.wasdrogergids .wg-listing-intro > p {
		font-size: 15.5px !important;
		line-height: 1.68 !important;
	}

	/* Kleine informatietekst blijft bewust kleiner dan de hoofdtekst. */
	body.wasdrogergids small,
	body.wasdrogergids .wg-breadcrumbs,
	body.wasdrogergids .wg-apparaat-meta,
	body.wasdrogergids .wg-price-meta {
		line-height: 1.45;
	}
}