/**
 * Single artikel — witte contentkaart op gedeelde pagina-achtergrond (main.css)
 */

/* Voorkom grid-overflow; shell behoudt --content-max via .content-layout/.container */
.site-main--single .single-layout__main,
.site-main--single .single-article,
.site-main--single .entry-content {
	min-width: 0;
	max-width: 100%;
}

.site-main--single .toc-box {
	background: #ffffff;
	box-shadow: 0 2px 16px rgba(20, 19, 18, 0.05);
}

.site-main--single .toc-box::before {
	height: 2px;
	background: linear-gradient(90deg, var(--color-red), rgba(226, 59, 51, 0.25));
}

.site-main--single .toc-box ol li::before {
	color: #c42f27;
}

.site-main--single .toc-box a:hover {
	color: #c42f27;
}

.site-main--single .single-layout__main > .single-hero {
	background: #ffffff;
}

.site-main--single .single-layout__main > .single-hero .single-hero__caption {
	background: #ffffff;
	color: #7a6a58;
	font-style: normal;
}

.site-main--single .single-layout__main > .single-article {
	background: #ffffff;
	box-shadow: 0 4px 28px rgba(20, 19, 18, 0.07);
}

/* Sidebar */
.site-main--single .single-layout__sidebar .sidebar-widget {
	background: #ffffff;
	box-shadow: 0 2px 16px rgba(20, 19, 18, 0.05);
}

.site-main--single .single-layout__sidebar .sidebar-widget::before {
	height: 2px;
	background: linear-gradient(90deg, var(--color-red), rgba(226, 59, 51, 0.25));
}

.site-main--single .sidebar-widget__title {
	color: #4a3b33;
	font-weight: 600;
}

.site-main--single .widget-list li {
	border-bottom-color: rgba(74, 59, 51, 0.08);
}

.site-main--single .widget-list a:hover {
	color: #c42f27;
	transform: translateX(2px);
}

.site-main--single .widget-list--ranked li::before {
	background: var(--color-red);
}

.site-main--single .ka-sidebar-item:hover .ka-sidebar-title,
.site-main--single .ka-sidebar-all {
	color: #c42f27;
}

.site-main--single .ka-sidebar-all:hover,
.site-main--single .ka-sidebar-all:focus-visible {
	color: var(--color-red-deep);
}

/* Gerelateerde artikelen onderaan */
.site-main--single .related-posts {
	background: #faf6ef;
	border-top: 1px solid rgba(74, 59, 51, 0.1);
}

.site-main--single .related-posts__title {
	color: #4a3b33;
	font-weight: 600;
}

/* Auteur-blok */
.site-main--single .single-article .author-bio {
	background: var(--color-surface-neutral);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-md);
	padding: 1.15rem 1.25rem;
}

.site-main--single .entry-header {
	margin-bottom: 1.35rem;
	padding-bottom: 1.25rem;
	border-bottom: 1px dotted rgba(74, 59, 51, 0.28);
}

.site-main--single .entry-header .entry-title {
	margin-top: 0;
	margin-bottom: 0;
	font-family: var(--font-heading);
	font-size: clamp(1.85rem, 4.2vw, 2.45rem);
	font-weight: 700;
	line-height: 1.18;
	letter-spacing: -0.035em;
	color: var(--color-heading);
}

/* Sectiekoppen in het artikel (alle H2’s gelijk) */
.site-main--single .single-article .entry-content h2,
.site-main--single .single-article .entry-content h2.wp-block-heading {
	font-family: var(--font-heading);
	font-size: clamp(1.3rem, 2.4vw, 1.55rem);
	font-weight: 600;
	line-height: 1.28;
	letter-spacing: -0.02em;
	color: #4a3b33;
	margin: 2rem 0 0.75rem;
}

.site-main--single .single-article .entry-content > h2:first-child,
.site-main--single .single-article .entry-content > h2.wp-block-heading:first-child {
	margin-top: 0.85rem;
}