/*
 * Los bericht (Kennisbank) — opmaak volgens het ontwerp "Kennisbank bericht"
 * (Kennisbank bericht.dc.html). De structuur komt uit het thema (content.php,
 * about-author, post-navigation); hier alleen de maten, kleuren en volgorde.
 * Geladen op elk los bericht (is_singular('post')), zie functions.php.
 */

/* --- Kolom: 1600px gecentreerd (net als de secties van de site), ruimte boven --
   Was 860px volgens het ontwerp; op verzoek van Bart (15 sep 2026) even breed als
   de rest van de website. */

/* Het thema zet boven berichten --post-margin-top (128px); het ontwerp
   houdt de sectieafstand van de rest van de site aan. */
body.single-post .site-content {
	margin-top: clamp(3em, 6vw, 5em);
}

.bnb-post > article,
.bnb-post > .bt-about-author,
.bnb-post > .post-navigation {
	/* zelfde maat als de boxed_1600-secties met limit_margin: 1600px, met de
	   zijmarge van de site op kleinere schermen */
	width: calc(100% - 2 * var(--content-padding));
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
}

/* --- Kop: datum / categorie, titel, uitgelichte foto --------------------- */

.bnb-post .entry-header.single {
	text-align: center;
	margin: 0 0 1rem;
}

.bnb-post .entry-header.single .entry-super-meta {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.5em;
	margin: 0 0 0.5rem;
	font-family: var(--supertitle-font);
	text-transform: uppercase;
	letter-spacing: var(--supertitle-letter-spacing);
	font-size: var(--title-subtitle-size-extrasmall);
	line-height: 1.5;
	color: var(--accent-color);
}

.bnb-post .entry-super-meta a {
	color: var(--accent-color);
}

.bnb-post .entry-super-meta .posted-on,
.bnb-post .entry-super-meta .cat-links {
	display: inline-flex;
	align-items: center;
	gap: 0.35em;
	margin: 0;
	padding: 0;
}

.bnb-post .entry-super-meta .posted-on:before,
.bnb-post .entry-super-meta .cat-links:before {
	font-family: Remixicon;
	font-size: 1.15em;
	line-height: 1;
}

.bnb-post .entry-super-meta .posted-on:before { content: "\f20f"; } /* kalender */
.bnb-post .entry-super-meta .cat-links:before { content: "\ed52"; } /* map */

.bnb-post .entry-super-meta .posted-on + .cat-links:before {
	content: "/\00a0\00a0\ed52";
}

/* Het thema drukt naast de publicatiedatum ook de wijzigingsdatum af. */
.bnb-post .entry-super-meta time.updated {
	display: none;
}

.bnb-post .entry-header.single .entry-title {
	font-size: var(--large-title-size);
	line-height: 1.1;
	margin: 0;
}

.bnb-post .entry-sub-meta:empty {
	display: none;
}

.bnb-post .article-media {
	margin: 1rem 0;
}

.bnb-post .article-media .media-box,
.bnb-post .article-media .media-box a,
.bnb-post .article-media .media-box img {
	display: block;
	width: 100%;
}

.bnb-post .article-media .media-box img {
	aspect-ratio: 16 / 10;
	object-fit: cover;
	border-radius: var(--image-hard-rounded); /* 20px, de "hard rounded" beeldvorm van het thema */
}

/* --- Lopende tekst -------------------------------------------------------- */

.bnb-post .entry-content-inner {
	margin-top: 1.5em;
	line-height: 1.8;
	color: var(--dark-gray-color);
}

.bnb-post .entry-content-inner > p,
.bnb-post .entry-content-inner > ul,
.bnb-post .entry-content-inner > ol {
	margin: 0 0 1.25em;
	text-wrap: pretty;
}

.bnb-post .entry-content-inner > ul,
.bnb-post .entry-content-inner > ol {
	padding-left: 1.25em;
}

.bnb-post .entry-content-inner li + li {
	margin-top: 0.5em;
}

.bnb-post .entry-content-inner h2,
.bnb-post .entry-content-inner h3 {
	font-size: var(--small-title-size);
	line-height: 1.2;
	margin: 2.25em 0 1.25rem;
	color: var(--dark-gray-color); /* zelfde warme grijs als de lopende tekst, zoals in het ontwerp */
}

.bnb-post .entry-content-inner h3 {
	font-size: var(--extrasmall-title-size);
}

.bnb-post .entry-content-inner h2 em,
.bnb-post .entry-content-inner h3 em {
	font-family: var(--em-heading-font);
	font-style: var(--em-heading-font-style);
	font-weight: var(--em-heading-font-weight);
	letter-spacing: var(--em-heading-letter-spacing);
	text-transform: var(--em-heading-text-transform);
}

.bnb-post .entry-content-inner figure,
.bnb-post .entry-content-inner .wp-block-image {
	margin: 2em 0;
}

.bnb-post .entry-content-inner img,
.bnb-post .entry-content-inner .wp-caption img,
.bnb-post .entry-content-inner .wp-block-image img {
	border-radius: var(--image-medium-rounded); /* 15px, zoals de foto's in het ontwerp */
	height: auto;
}

.bnb-post .entry-content-inner a {
	color: var(--dark-color);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.bnb-post .entry-content-inner a:hover {
	color: var(--accent-color);
}

/* --- Voet: tags links, deelknoppen rechts --------------------------------- */

.bnb-post .entry-footer {
	margin-top: 2em;
	padding: 2em 0 0;
	border-top: 1px solid var(--primary-07-color);
}

.bnb-post .entry-footer .entry-footer-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 1em 2em;
	margin: 0;
	padding: 0;
}

.bnb-post .entry-footer .tags-links {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5em;
	margin: 0;
	padding: 0;
	font-family: var(--supertitle-font);
	text-transform: uppercase;
	letter-spacing: var(--supertitle-letter-spacing);
	font-size: var(--title-subtitle-size-extrasmall);
	color: var(--accent-color);
}

.bnb-post .entry-footer .tags-links:before {
	content: "\f025"; /* label */
	font-family: Remixicon;
	font-size: 1.15em;
	line-height: 1;
}

.bnb-post .entry-footer .tags-links a {
	color: var(--accent-color);
}

.bnb-post .entry-footer .share-options {
	display: inline-flex;
	align-items: center;
	gap: 0.5em;
	margin: 0 0 0 auto;
	padding: 0;
}

.bnb-post .entry-footer .share-options-title {
	display: none;
}

.bnb-post .entry-footer .share-options .bt_bb_icon {
	margin: 0;
}

/* --- Over de auteur -------------------------------------------------------- */

.bnb-post .bnb-post-author {
	margin: 2rem auto 0;
	padding: 2rem 0;
	border: 0; /* het thema kadert het blok rondom; het ontwerp alleen boven en onder */
	border-top: 1px solid var(--primary-07-color);
	border-bottom: 1px solid var(--primary-07-color);
	border-radius: 0 !important; /* het thema rondt het blok af via de knopvorm-klasse op body */
	background: none;
}

.bnb-post .bnb-post-author .bt-author-content {
	display: flex;
	align-items: flex-start;
	gap: 1.5em;
	padding: 0;
}

.bnb-post .bnb-post-author .bt-author-avatar {
	flex: 0 0 140px;
	width: 140px;
	height: 140px;
	margin: 0;
	padding: 20px;
	border-radius: 50%;
	background: var(--light-color);
	display: flex;
	align-items: center;
	justify-content: center;
}

.bnb-post .bnb-post-author .bt-author-avatar img {
	width: 100%;
	height: auto;
	border-radius: 0;
	object-fit: contain;
}

.bnb-post .bnb-post-author .bt-author-text {
	flex: 1 1 auto;
	min-width: 0;
}

.bnb-post .bnb-post-author .bt-author-text h4 {
	font-size: var(--extrasmall-title-size);
	margin: 0;
}

.bnb-post .bnb-post-author .bt-author-text h4 em {
	font-family: var(--em-heading-font);
	font-style: var(--em-heading-font-style);
	font-weight: var(--em-heading-font-weight);
	letter-spacing: var(--em-heading-letter-spacing);
	text-transform: var(--em-heading-text-transform);
}

.bnb-post .bnb-post-author .bt-author-text p {
	margin: 0.5rem 0 0;
	line-height: 1.8;
	color: var(--dark-gray-color);
	text-wrap: pretty;
}

/* --- Vorig / volgend bericht ---------------------------------------------- */

.bnb-post .post-navigation {
	margin: 2rem auto 0;
}

.bnb-post .post-navigation .nav-links {
	gap: 1em 0;
}

.bnb-post .post-navigation .nav-links .nav-previous,
.bnb-post .post-navigation .nav-links .nav-next {
	flex: 1 0 50%;
	min-width: 260px;
}

.bnb-post .post-navigation .nav-inner {
	gap: 1em;
	min-height: 6rem;
}

.bnb-post .post-navigation .nav-image {
	flex: 0 0 6rem;
	width: 6rem;
	height: 6rem;
	margin: 0;
	border-radius: var(--hard-rounded);
	overflow: hidden;
}

.bnb-post .post-navigation .nav-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.bnb-post .post-navigation .nav-next .nav-inner {
	flex-direction: row-reverse;
	text-align: right;
}

.bnb-post .post-navigation .nav-supertitle {
	display: block;
	font-family: var(--supertitle-font);
	text-transform: uppercase;
	letter-spacing: var(--supertitle-letter-spacing);
	font-size: var(--title-subtitle-size-extrasmall);
	color: var(--accent-color);
	margin: 0;
}

.bnb-post .post-navigation .nav-title {
	display: block;
	font-family: var(--heading-font);
	font-weight: var(--heading-font-weight);
	font-size: 1.1rem;
	line-height: 1.4;
	color: var(--dark-color);
	transition: var(--transition-link);
}

.bnb-post .post-navigation a:hover .nav-title {
	color: var(--accent-color);
}

/* --- Contactband ------------------------------------------------------------ */

.bnb-post .bnb-post-cta {
	margin-top: clamp(3em, 6vw, 5em);
	margin-bottom: 0; /* de onderafstand komt van het thema (--post-margin-bottom) */
}

.bnb-post .bnb-post-cta:before {
	background: var(--dark-60-color) !important;
	opacity: 1 !important;
}

.bnb-post .bnb-post-cta > .bt_bb_port {
	padding-top: clamp(3em, 6vw, 5em) !important;
	padding-bottom: clamp(3em, 6vw, 5em) !important;
}

.bnb-post .bnb-post-cta .bt_bb_button a {
	border-radius: var(--hard-rounded) !important;
}

/* --- Mobiel ----------------------------------------------------------------- */

@media (max-width: 600px) {
	.bnb-post .entry-header.single .entry-title {
		font-size: 1.75rem;
	}

	.bnb-post .bnb-post-author .bt-author-content {
		flex-direction: column;
		align-items: center;
		text-align: center;
	}

	.bnb-post .bnb-post-author .bt-author-avatar {
		flex-basis: 120px;
		width: 120px;
		height: 120px;
	}

	.bnb-post .post-navigation .nav-links .nav-previous,
	.bnb-post .post-navigation .nav-links .nav-next {
		flex-basis: 100%;
	}
}

/* Het bijschrift van de uitgelichte foto (mediabibliotheek) hoort niet in de kop. */
.bnb-post .article-media .media-box-caption {
	display: none;
}