/*
 * Edivorm Blog Editor — frontend typografie en contentblok-styling
 * (sectie 9 van de blogrichtlijn: vloeiende typografie, datumnotatie,
 * en sectie 2: opmaak voor tabellen/quote-blokken).
 *
 * BELANGRIJK: alle regels die de berichttekst raken zijn bewust voorafgegaan
 * door "body.single-post" (een standaard WordPress body-class die alleen op
 * losse blogposts staat, nooit op het blogoverzicht/archief). Zonder die
 * voorvoegsel matchten .entry-content/.et_pb_post_content namelijk ook op
 * de archiefpagina, waardoor die onbedoeld smal werd — vandaar deze scoping.
 *
 * LET OP voor de webdesigner: de selectors mikken verder op de gangbare
 * Divi/theme content-wrappers. Controleer op de live site of de daadwerkelijke
 * class van de berichttekst-container hiermee overeenkomt (bv. via de
 * browser-inspector) en pas zo nodig de selectorlijst aan.
 */

:root {
	--fs-body: clamp(1rem, 0.95rem + 0.3vw, 1.125rem);   /* 16-18px */
	--fs-h1:   clamp(2.25rem, 1.9rem + 1.5vw, 2.75rem);   /* 36-44px */
	--fs-h2:   clamp(1.75rem, 1.5rem + 1vw, 2rem);        /* 28-32px */
	--fs-h3:   clamp(1.375rem, 1.25rem + 0.6vw, 1.5rem);  /* 22-24px */
	--fs-h4:   clamp(1.125rem, 1.05rem + 0.3vw, 1.25rem); /* 18-20px */
	--fs-h5:   clamp(1rem, 0.95rem + 0.2vw, 1.125rem);    /* 16-18px */
}

body.single-post .entry-content,
body.single-post .et_pb_post_content,
body.single-post article.type-post .post-content {
	font-size: var(--fs-body);
	line-height: 1.6;
	max-width: 75ch;
}

body.single-post .entry-content h1, body.single-post .et_pb_post_content h1, body.single-post article.type-post .post-content h1 {
	font-size: var(--fs-h1);
	line-height: 1.2;
}
body.single-post .entry-content h2, body.single-post .et_pb_post_content h2, body.single-post article.type-post .post-content h2 {
	font-size: var(--fs-h2);
	line-height: 1.25;
}
body.single-post .entry-content h3, body.single-post .et_pb_post_content h3, body.single-post article.type-post .post-content h3 {
	font-size: var(--fs-h3);
	line-height: 1.3;
}
body.single-post .entry-content h4, body.single-post .et_pb_post_content h4, body.single-post article.type-post .post-content h4 {
	font-size: var(--fs-h4);
	line-height: 1.35;
}
body.single-post .entry-content h5, body.single-post .et_pb_post_content h5, body.single-post article.type-post .post-content h5 {
	font-size: var(--fs-h5);
	line-height: 1.4;
}

/* Datumregel en auteursregel (sectie 6/9: #767676, 13px, voldoet aan WCAG 4,5:1) */
.edivorm-byline {
	font-size: 13px;
	color: #767676;
	margin: 6px 0 20px 0;
}
.edivorm-byline strong {
	color: inherit;
	font-weight: 600;
}
.edivorm-byline .edivorm-byline-sep {
	margin: 0 6px;
}

/* Quote-blokken (sectie 2) */
body.single-post .entry-content blockquote,
body.single-post .et_pb_post_content blockquote,
body.single-post article.type-post .post-content blockquote {
	border-left: 3px solid #b5482e;
	margin: 24px 0;
	padding: 4px 20px;
	font-style: italic;
	color: #4a4438;
}

/* Tabellen (sectie 2) */
body.single-post .entry-content table,
body.single-post .et_pb_post_content table,
body.single-post article.type-post .post-content table {
	width: 100%;
	border-collapse: collapse;
	margin: 20px 0;
}
body.single-post .entry-content table th, body.single-post .entry-content table td,
body.single-post .et_pb_post_content table th, body.single-post .et_pb_post_content table td,
body.single-post article.type-post .post-content table th, body.single-post article.type-post .post-content table td {
	border: 1px solid #e4ddd0;
	padding: 8px 12px;
	text-align: left;
}
body.single-post .entry-content table th,
body.single-post .et_pb_post_content table th,
body.single-post article.type-post .post-content table th {
	background: #efe6d6;
}

/* Inhoudsopgave */
.edivorm-toc {
	background: #faf7f0;
	border: 1px solid #e4ddd0;
	border-radius: 4px;
	padding: 16px 20px;
	margin: 20px 0;
}
.edivorm-toc-title {
	font-weight: 700;
	margin: 0 0 8px 0;
}
.edivorm-toc ol {
	margin: 0;
	padding-left: 20px;
}

/* FAQ-blok (bestaand, class edivorm-faq — hier alleen basisstyling) */
.edivorm-faq {
	margin: 32px 0;
}
.edivorm-faq-item {
	margin-bottom: 16px;
}
.edivorm-faq-question {
	margin-bottom: 4px;
}

/* Auteursbio-blok */
.edivorm-author-bio {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	margin: 32px 0;
	padding: 16px 0;
	border-top: 1px solid #e4ddd0;
	border-bottom: 1px solid #e4ddd0;
}
.edivorm-author-bio img {
	border-radius: 50%;
	width: 64px;
	height: 64px;
	object-fit: cover;
	flex-shrink: 0;
}
.edivorm-author-bio-name {
	font-weight: 700;
	margin: 0 0 4px 0;
}
.edivorm-author-bio-name a {
	margin-left: 6px;
}

/* Auteurspagina (shortcode [edivorm_author_page]) */
.edivorm-author-page img {
	border-radius: 50%;
	width: 140px;
	height: 140px;
	object-fit: cover;
}

/* Gerelateerde blogs */
.edivorm-related-blogs {
	margin: 32px 0;
}
.edivorm-related-blogs h4 {
	margin-bottom: 12px;
}
.edivorm-related-item {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 14px;
}
.edivorm-related-item img {
	width: 64px;
	height: 64px;
	object-fit: cover;
	flex-shrink: 0;
	border-radius: 4px;
}
.edivorm-related-item-title {
	font-weight: 600;
	display: block;
}
.edivorm-related-item-meta {
	font-size: 13px;
	color: #767676;
}
.edivorm-related-cta {
	display: inline-block;
	margin-top: 8px;
}