/* FidelSec Kennisbank (Echo KB) — ontwerp van de live kennisbank, nu in het child theme.
   Kleuren/maten van Echo komen deels uit inc/kb-brand.php (config-filter); hier staat het
   ontwerp: zoekvlak, kaarten met pictogramtegel, regels met pijltje, artikel-, categorie-pagina. */

/* Ollie zet body{overflow:hidden auto}; dat schakelt position:sticky uit (zijbalk/TOC). */
html, body, .wp-site-blocks { overflow: visible !important; }
body:has(#epkb-modular-main-page-container, #eckb-article-page-container-v2, #eckb-archive-page-container) .wp-site-blocks > header + * { margin-block-start: 0; }

[class*="epkb"] a:focus-visible, [class*="eckb"] a:focus-visible, [class*="epkb"] button:focus-visible, [class*="epkb"] input:focus-visible {
	outline: 2px solid #476EA1; outline-offset: 2px;
}

/* ===================== ARTIKELPAGINA ===================== */
#eckb-article-page-container-v2 { font-family: 'Rethink Sans', system-ui, sans-serif; color: #3B3B3B; max-width: 1200px; margin-inline: auto; box-sizing: border-box; padding: 2rem 1rem 0; }
#eckb-article-page-container-v2 #eckb-article-content { padding: 0 8px !important; }

#eckb-article-page-container-v2 .eckb-breadcrumb-nav,
#eckb-article-page-container-v2 .eckb-breadcrumb-nav span { color: #6B6B6B !important; font-size: 0.85rem !important; }
#eckb-article-page-container-v2 .eckb-breadcrumb-nav a:hover span { color: #476EA1 !important; text-decoration: underline; }
#eckb-article-page-container-v2 .eckb-article-title {
	color: #111111; font-size: clamp(1.75rem, 3vw, 2.4rem) !important; font-weight: 700; line-height: 1.2; margin: 0.5rem 0 0.25rem;
}
#eckb-article-page-container-v2 #eckb-article-content-header-row-3,
#eckb-article-page-container-v2 #eckb-article-content-header-row-3 * { color: #6B6B6B !important; font-size: 0.85rem !important; }
#eckb-article-page-container-v2 #eckb-article-content-header-v2 { margin-bottom: 1.5rem; }

#eckb-article-content-body .kb-artikel > * { max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; }
#eckb-article-content-body .kb-artikel > * + * { margin-top: 1rem; }
#eckb-article-content-body .kb-sectie { border-radius: 12px; border-left: 4px solid transparent; padding: 1.25rem 1.5rem; }
#eckb-article-content-body .kb-sectie > :first-child { margin-top: 0; }
#eckb-article-content-body .kb-sectie > :last-child { margin-bottom: 0; }
#eckb-article-content-body .kb-sectie h2 { font-size: 1.3rem; font-weight: 700; line-height: 1.3; color: #111111; margin: 0 0 0.6rem; scroll-margin-top: 120px; }
#eckb-article-content-body .kb-sectie p,
#eckb-article-content-body .kb-sectie li { font-size: 1rem; line-height: 1.65; color: #3B3B3B; }
#eckb-article-content-body .kb-sectie ul { padding-left: 1.2rem; margin: 0; }
#eckb-article-content-body .kb-sectie li + li { margin-top: 0.35rem; }
#eckb-article-content-body .kb-sectie a { color: #476EA1; }
#eckb-article-content-body .kb-sectie a:hover { color: #8065AC; }

#eckb-article-content-body .kb-sectie--samenvatting { border-left-color: #476EA1; background: #EEF0F9; }
#eckb-article-content-body .kb-sectie--uitleg       { border-left-color: #B8B8B8; background: #F6F7FB; }
#eckb-article-content-body .kb-sectie--waarom,
#eckb-article-content-body .kb-sectie--voorbeeld    { border-left-color: #E67A45; background: #FDF3EC; }
#eckb-article-content-body .kb-sectie--actie        { border-left-color: #3E6868; background: #EEF4F3; }
#eckb-article-content-body .kb-sectie--gerelateerd  { border-left-color: #8065AC; background: #F4F1F9; }

#eckb-article-content-body .kb-label-kop {
	font-size: 0.75rem !important; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: #476EA1 !important; margin-bottom: 0.4rem;
}
#eckb-article-content-body .kb-sectie--samenvatting p:not(.kb-label-kop) { font-size: 1.05rem; }

#eckb-article-content-body .kb-sectie--cta { border-left: 0; text-align: left; background: #EEF0F9; }
#eckb-article-content-body .kb-cta-kop { font-size: 1.3rem !important; font-weight: 700; color: #111111 !important; margin-bottom: 0.4rem; }
#eckb-article-content-body .kb-sectie--cta .wp-block-button__link { background: #476EA1; color: #ffffff; border-radius: 0; padding: 0.7rem 1.4rem; font-weight: 600; text-decoration: none; }
#eckb-article-content-body .kb-sectie--cta .wp-block-button__link:hover { background: #8065AC; }

#eckb-article-content-body .kb-artikel table,
#eckb-article-content-body .kb-tabel table { width: 100%; border-collapse: collapse; background: #ffffff; font-size: 0.95rem; }
#eckb-article-content-body .kb-tabel { margin: 1rem 0 0; overflow-x: auto; }
#eckb-article-content-body .kb-artikel th,
#eckb-article-content-body .kb-artikel td { border: 1px solid #E6E6E6; padding: 0.65rem 0.85rem; text-align: left; vertical-align: top; color: #3B3B3B; }
#eckb-article-content-body .kb-artikel th { background: #EEF0F9; color: #111111; font-weight: 700; }

#eckb-article-page-container-v2 .eckb-article-toc { background: #ffffff !important; border: 1px solid #E6E6E6; border-radius: 12px; padding: 1rem; }
#eckb-article-page-container-v2 .eckb-article-toc__title { color: #111111 !important; font-weight: 700; font-size: 0.95rem !important; }
#eckb-article-page-container-v2 .eckb-article-toc__level a { color: #3B3B3B !important; }
#eckb-article-page-container-v2 .eckb-article-toc__level a:hover { color: #476EA1 !important; background: #EEF0F9 !important; }
#eckb-article-page-container-v2 .eckb-article-toc__level a.active { color: #ffffff !important; background: #476EA1 !important; }
#eckb-article-page-container-v2 .eckb-article-toc__inner { border-left-color: #476EA1 !important; }
#eckb-article-right-sidebar { position: sticky; top: 2rem; align-self: flex-start; }

#eckb-article-page-container-v2 .epkb-sidebar-article .eckb-article-title__icon { display: none !important; }
#eckb-article-page-container-v2 .epkb-sidebar-article .eckb-article-title__text { padding-left: 0 !important; margin-left: 0 !important; }
#eckb-article-page-container-v2 #epkb-sidebar-container-v2 { border: 1px solid #E6E6E6 !important; border-radius: 12px; box-shadow: none !important; overflow: hidden; }
#eckb-article-page-container-v2 .epkb-sidebar__heading__inner__cat-name { color: #111111 !important; font-weight: 700; font-size: 0.95rem !important; }
#eckb-article-page-container-v2 .epkb-sidebar-article .eckb-article-title__text { color: #3B3B3B; font-size: 0.9rem; }
#eckb-article-page-container-v2 .epkb-sidebar-article:hover .eckb-article-title__text { color: #476EA1; }
#eckb-article-page-container-v2 .epkb-sidebar-article.active .eckb-article-title__text,
#eckb-article-page-container-v2 .epkb-sidebar-article[aria-current] .eckb-article-title__text { color: #476EA1; font-weight: 700; }

#eckb-article-page-container-v2 .eckb-tag-container { margin-top: 2rem; }
#eckb-article-page-container-v2 .eckb-tag-description { color: #6B6B6B; font-size: 0.85rem; }
#eckb-article-page-container-v2 .eckb-tag-list a {
	display: inline-block; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: #8065AC !important;
	background: rgba(128, 101, 172, 0.1) !important; border: 0 !important; border-radius: 999px; padding: 0.25rem 0.75rem; text-decoration: none;
}
#eckb-article-page-container-v2 .epkb-article-navigation-container a { border: 1px solid #E6E6E6; border-radius: 10px; background: #ffffff !important; color: #3B3B3B !important; }
#eckb-article-page-container-v2 .epkb-article-navigation-container a:hover { border-color: #476EA1; }
#eckb-article-page-container-v2 .epkb-article-navigation__label { color: #476EA1 !important; }

@media (max-width: 768px) {
	#eckb-article-content-body .kb-sectie { border-radius: 10px; }
	#eckb-article-content-body .kb-sectie h2 { font-size: 1.15rem; }
}

/* ===================== HOOFDPAGINA ===================== */
.eckb-kb-current-theme-template-main-page #epkb-modular-main-page-container,
#epkb-modular-main-page-container {
	max-width: 1200px !important; width: 100%; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box;
	margin-top: 0 !important; font-family: 'Rethink Sans', system-ui, sans-serif;
}
#epkb-modular-main-page-container #epkb-ml__row-1,
#epkb-modular-main-page-container #epkb-ml__row-2,
#epkb-modular-main-page-container #epkb-ml__row-3,
#epkb-modular-main-page-container #epkb-ml__row-4 { max-width: 100%; }

/* Zoekvlak met zachte merkverloop */
#epkb-modular-main-page-container #epkb-ml__module-search {
	background-color: #EEF0F9 !important;
	background-image:
		radial-gradient(55% 85% at 0% 0%, #DCD7EE 0%, rgba(238, 240, 249, 0) 70%),
		radial-gradient(55% 85% at 100% 0%, #CBD6EC 0%, rgba(238, 240, 249, 0) 70%) !important;
	border-radius: 20px;
	padding: 48px 24px 56px !important;
	margin: 24px 0 40px;
}
#epkb-modular-main-page-container #epkb-ml__module-search .epkb-ml-search-title {
	color: #111111 !important; font-size: clamp(2.2rem, 4.2vw, 3.3rem) !important; font-weight: 700 !important;
	letter-spacing: -0.035em; line-height: 1.08 !important; text-align: center; margin: 0 auto 1.4rem;
}
#epkb-modular-main-page-container #epkb-ml__module-search #epkb-ml-search-classic-layout #epkb-ml-search-form {
	max-width: 640px !important; width: 100%; margin-inline: auto;
}
#epkb-modular-main-page-container #epkb-ml__module-search #epkb-ml-search-classic-layout #epkb-ml-search-form #epkb-ml-search-box {
	background-color: #ffffff !important; border: 1px solid #E3E6F0; border-radius: 14px; overflow: hidden; padding: 6px;
	box-shadow: 0 18px 36px -18px rgba(17, 17, 17, 0.35);
}
#epkb-modular-main-page-container #epkb-ml__module-search #epkb-ml-search-classic-layout #epkb-ml-search-form #epkb-ml-search-box:focus-within { border-color: #476EA1; }
#epkb-modular-main-page-container #epkb-ml__module-search #epkb-ml-search-classic-layout .epkb-ml-search-box__input { font-size: 1.05rem !important; padding-left: 22px !important; border-radius: 0; }
#epkb-modular-main-page-container #epkb-ml__module-search #epkb-ml-search-classic-layout .epkb-ml-search-box__btn {
	background-color: #476EA1 !important; color: #ffffff; border-radius: 10px !important; font-size: 1rem !important; font-weight: 600; padding: 0 34px !important; min-height: 52px;
}
#epkb-modular-main-page-container #epkb-ml__module-search #epkb-ml-search-classic-layout .epkb-ml-search-box__btn:hover { background-color: #8065AC !important; }

/* Categoriekaarten */
#epkb-ml__module-categories-articles #epkb-ml-basic-layout .eckb-categories-list .epkb-ml__module-categories-articles__row { align-items: stretch !important; }
#epkb-modular-main-page-container .epkb-top-category-box {
	background-color: #ffffff !important; border: 1px solid #E6E6E6 !important; border-radius: 14px !important; box-shadow: none !important;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}
#epkb-modular-main-page-container .epkb-top-category-box:hover { transform: translateY(-3px); box-shadow: 0 12px 24px -14px rgba(17, 17, 17, 0.2) !important; }
#epkb-modular-main-page-container .epkb-top-category-box .section-head {
	background-color: #ffffff !important; border-radius: 14px 14px 0 0 !important; padding: 1.25rem 1.25rem 0 !important;
}
#epkb-modular-main-page-container .epkb-category-level-1 { display: flex !important; flex-direction: column; align-items: flex-start !important; text-align: left !important; }
#epkb-modular-main-page-container .epkb-category-level-1 .epkb-cat-icon {
	display: inline-flex !important; align-items: center; justify-content: center; width: 36px; height: 36px; font-size: 16px !important;
	color: #476EA1 !important; background: #EEF0F9; border-radius: 9px; margin-bottom: 0.9rem;
}
#epkb-modular-main-page-container .epkb-cat-name { min-height: 2.6em; line-height: 1.3; margin: 0; text-align: left !important; padding-left: 0 !important; }
#epkb-modular-main-page-container .epkb-cat-name,
#epkb-modular-main-page-container .epkb-cat-name a { color: #111111 !important; font-size: 1rem !important; font-weight: 700 !important; text-decoration: none; }
#epkb-modular-main-page-container .epkb-cat-name a:hover { color: #476EA1 !important; }
#epkb-modular-main-page-container .epkb-section-body { height: auto !important; overflow: visible !important; padding: 0.25rem 1.25rem 1.25rem !important; }
#epkb-modular-main-page-container .epkb-section-body ul.epkb-main-category { padding-left: 0 !important; margin: 0; }

/* Artikelregels met lijntje en pijltje */
#epkb-modular-main-page-container .epkb-section-body li.epkb-article-level-1,
#epkb-modular-main-page-container .epkb-ml-articles-list li { border-top: 1px solid #EEF0F3; padding: 0 !important; margin: 0 !important; }
#epkb-modular-main-page-container .epkb-section-body li.epkb-article-level-1 > a,
#epkb-modular-main-page-container .epkb-ml-articles-list li > a {
	display: block; padding: 9px 22px 9px 0 !important;
	background-image: url(data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2016%2016%27%3E%3Cpath%20d=%27M6%203l5%205-5%205%27%20fill=%27none%27%20stroke=%27%23A3A9B8%27%20stroke-width=%271.6%27/%3E%3C/svg%3E);
	background-repeat: no-repeat; background-position: right 2px center; background-size: 12px 12px; transition: background-position 0.2s ease;
}
#epkb-modular-main-page-container .epkb-section-body li.epkb-article-level-1 > a:hover,
#epkb-modular-main-page-container .epkb-ml-articles-list li > a:hover { background-position: right 0 center; }
#epkb-modular-main-page-container .epkb-section-body .eckb-article-title,
#epkb-modular-main-page-container .epkb-section-body .eckb-article-title__text,
#epkb-modular-main-page-container .epkb-ml-articles-list .epkb-article__text,
#epkb-modular-main-page-container .epkb-ml-articles-list .epkb-article-inner { color: #3B3B3B !important; font-size: 0.85rem !important; }
#epkb-modular-main-page-container .epkb-section-body a:hover .eckb-article-title__text,
#epkb-modular-main-page-container .epkb-ml-articles-list a:hover .epkb-article__text { color: #476EA1 !important; }
#epkb-modular-main-page-container .epkb-show-all-articles {
	width: 100%; text-align: left !important; background: none !important; padding-left: 0 !important; border-top: 1px solid #EEF0F3;
	padding-top: 10px !important; color: #476EA1 !important; font-weight: 600; font-size: 0.8rem !important;
}

/* Lijsten onder de kaarten */
#epkb-modular-main-page-container .epkb-ml-article-list-container .epkb-ml-article-section {
	background-color: #F6F7FB !important; border: 0 !important; border-radius: 14px !important; box-shadow: none !important; padding: 4px 4px 8px;
}
#epkb-modular-main-page-container .epkb-ml-article-section__head {
	color: #111111 !important; font-size: 0.95rem !important; font-weight: 700 !important; text-align: left !important; justify-content: flex-start !important;
}
#epkb-modular-main-page-container .epkb-ml-articles-list .epkb-article__icon { display: none !important; }
#epkb-modular-main-page-container .epkb-ml-articles-list li:first-child { border-top: 0; }
#epkb-modular-main-page-container .epkb-ml-articles-list__title { color: #111111 !important; font-weight: 700 !important; }

#epkb-modular-main-page-container #epkb-ml__row-4 { display: none !important; }

@media (max-width: 768px) {
	#epkb-modular-main-page-container #epkb-ml__module-search { padding: 28px 16px 32px !important; }
}

/* ===================== CATEGORIEPAGINA ===================== */
#eckb-archive-page-container { font-family: 'Rethink Sans', system-ui, sans-serif; color: #3B3B3B; }
#eckb-archive-page-container #eckb-archive-header,
#eckb-archive-page-container #eckb-archive-body,
#eckb-archive-page-container #eckb-archive-footer {
	width: 100% !important; max-width: 1200px !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box;
}
#eckb-archive-page-container #eckb-archive-body { grid-template-columns: 26% 74% 0 !important; margin-top: 32px !important; }

#eckb-archive-page-container #epkb-ml__module-search {
	background-color: #EEF0F9 !important;
	background-image: radial-gradient(55% 85% at 0% 0%, #DCD7EE 0%, rgba(238, 240, 249, 0) 70%), radial-gradient(55% 85% at 100% 0%, #CBD6EC 0%, rgba(238, 240, 249, 0) 70%) !important;
	border-radius: 20px; padding: 36px 24px !important; margin-top: 24px !important;
}
#eckb-archive-page-container #epkb-ml__module-search .epkb-ml-search-title { display: none !important; }
#eckb-archive-page-container #epkb-ml__module-search #epkb-ml-search-classic-layout #epkb-ml-search-form { max-width: 640px !important; width: 100%; margin-inline: auto; }
#eckb-archive-page-container #epkb-ml__module-search #epkb-ml-search-classic-layout #epkb-ml-search-form #epkb-ml-search-box {
	background-color: #ffffff !important; border: 1px solid #E3E6F0; border-radius: 14px; overflow: hidden; padding: 6px; box-shadow: 0 18px 36px -18px rgba(17, 17, 17, 0.35);
}
#eckb-archive-page-container #epkb-ml__module-search #epkb-ml-search-classic-layout .epkb-ml-search-box__input { font-size: 1.05rem !important; padding-left: 22px !important; border-radius: 0; }
#eckb-archive-page-container #epkb-ml__module-search #epkb-ml-search-classic-layout .epkb-ml-search-box__btn {
	background-color: #476EA1 !important; color: #ffffff; border-radius: 10px !important; font-weight: 600; padding: 0 34px !important; min-height: 52px;
}
#eckb-archive-page-container #epkb-ml__module-search #epkb-ml-search-classic-layout .epkb-ml-search-box__btn:hover { background-color: #8065AC !important; }

#eckb-archive-page-container #epkb-sidebar-container-v2 { border: 1px solid #E6E6E6 !important; border-radius: 14px; box-shadow: none !important; overflow: hidden; background: #ffffff !important; }
#eckb-archive-page-container .epkb-sidebar__cat__top-cat__heading-container,
#eckb-archive-page-container .epkb-sidebar__cat__current-cat > div:first-child { background: #EEF0F9 !important; }
#eckb-archive-page-container .epkb-sidebar__heading__inner__cat-name,
#eckb-archive-page-container .epkb-sidebar__heading__inner__cat-name * { color: #111111 !important; font-weight: 700; }
#eckb-archive-page-container #epkb-sidebar-container-v2 .eckb-article-title__text { color: #3B3B3B; font-size: 0.9rem; }
#eckb-archive-page-container #epkb-sidebar-container-v2 a:hover .eckb-article-title__text { color: #476EA1; }
#eckb-archive-page-container #epkb-sidebar-container-v2 .eckb-article-title__icon { display: none !important; }

#eckb-archive-page-container .eckb-breadcrumb-nav,
#eckb-archive-page-container .eckb-breadcrumb-nav span { color: #6B6B6B !important; font-size: 0.85rem !important; }
#eckb-archive-page-container .eckb-category-archive-title {
	display: flex !important; align-items: center; gap: 14px; color: #111111 !important; font-size: clamp(1.75rem, 3vw, 2.4rem) !important;
	font-weight: 700 !important; line-height: 1.2; margin: 0.4rem 0 0.5rem;
}
#eckb-archive-page-container .eckb-category-archive-title-icon--font {
	display: inline-flex !important; align-items: center; justify-content: center; width: 44px; height: 44px; font-size: 20px !important;
	color: #476EA1 !important; background: #EEF0F9; border-radius: 11px; flex: none;
}
#eckb-archive-page-container .eckb-category-archive-description { color: #3B3B3B !important; font-size: 1.05rem; line-height: 1.65; max-width: 46rem; }
#eckb-archive-page-container .eckb-category-archive-articles-list-title { color: #111111 !important; font-size: 1rem !important; font-weight: 700; margin-top: 1.5rem; }
#eckb-archive-page-container .eckb-article-container .eckb-article-header { padding: 0 !important; }

#eckb-archive-page-container .eckb-article-list-container { column-gap: 40px; }
#eckb-archive-page-container .eckb-article-container {
	border: 0 !important; border-top: 1px solid #EEF0F3 !important; border-radius: 0 !important; margin: 0 !important; padding: 0 !important;
	background: none !important; box-shadow: none !important; transform: none !important;
}
#eckb-archive-page-container .eckb-article-container a.epkb-ml-article-container {
	display: flex !important; justify-content: space-between; align-items: center; padding: 11px 22px 11px 0 !important;
	background-image: url(data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2016%2016%27%3E%3Cpath%20d=%27M6%203l5%205-5%205%27%20fill=%27none%27%20stroke=%27%23A3A9B8%27%20stroke-width=%271.6%27/%3E%3C/svg%3E);
	background-repeat: no-repeat; background-position: right 2px center; background-size: 12px 12px; transition: background-position 0.2s ease;
}
#eckb-archive-page-container .eckb-article-container a.epkb-ml-article-container:hover { background-position: right 0 center; }
#eckb-archive-page-container .eckb-article-container .epkb-article-inner,
#eckb-archive-page-container .eckb-article-container .epkb-article__text { color: #3B3B3B !important; font-size: 0.95rem !important; font-weight: 500; }
#eckb-archive-page-container .eckb-article-container a:hover .epkb-article__text { color: #476EA1 !important; }
#eckb-archive-page-container .eckb-category-archive-arrow { display: none !important; }
#eckb-archive-page-container .epkb-show-all-articles,
#eckb-archive-page-container [class*=show-all] { color: #476EA1 !important; font-weight: 600; }

@media (max-width: 768px) {
	#eckb-archive-page-container #eckb-archive-body { display: flex !important; flex-direction: column; }
	#eckb-archive-page-container #eckb-archive-content { order: -1; }
	#eckb-archive-page-container #eckb-archive-left-sidebar { margin-top: 24px; }
	#eckb-archive-page-container #epkb-ml__module-search { padding: 24px 16px !important; border-radius: 14px; }
}

/* Artikelpagina: zoekvlak zoals op de hoofdpagina */
html body.single-epkb_post_type_1 #epkb-ml__module-search {
	background-color: #EEF0F9 !important;
	background-image: radial-gradient(55% 85% at 0% 0%, #DCD7EE 0%, rgba(238, 240, 249, 0) 70%), radial-gradient(55% 85% at 100% 0%, #CBD6EC 0%, rgba(238, 240, 249, 0) 70%) !important;
	border-radius: 20px; padding: 36px 24px !important; margin: 0 0 24px;
}
html body.single-epkb_post_type_1 #epkb-ml__module-search .epkb-ml-search-title { display: none !important; }
html body.single-epkb_post_type_1 #epkb-ml__module-search #epkb-ml-search-classic-layout #epkb-ml-search-form { max-width: 640px !important; width: 100%; margin-inline: auto; }
html body.single-epkb_post_type_1 #epkb-ml__module-search #epkb-ml-search-classic-layout #epkb-ml-search-form #epkb-ml-search-box {
	background-color: #fff !important; border: 1px solid #E3E6F0; border-radius: 14px; overflow: hidden; padding: 6px; box-shadow: 0 18px 36px -18px rgba(17, 17, 17, .35);
}
html body.single-epkb_post_type_1 #epkb-ml__module-search .epkb-ml-search-box__btn { background-color: #476EA1 !important; border-radius: 10px !important; font-weight: 600; min-height: 52px; }
html body.single-epkb_post_type_1 #epkb-ml__module-search { max-width: 1200px; margin: 24px auto; box-sizing: border-box; }

/* ===== Hero boven het zoekvlak (blokken op de Kennisbank-pagina) ===== */
.entry-content > .kb-hero, .kb-hero { max-width: 1200px !important; width: 100%; margin: 24px auto 0 !important; box-sizing: border-box;
	background-color: #EEF0F9; border-radius: 20px 20px 0 0; padding: 48px 24px 8px !important;
	background-image: radial-gradient(55% 85% at 0% 0%, #DCD7EE 0%, rgba(238, 240, 249, 0) 70%), radial-gradient(55% 85% at 100% 0%, #CBD6EC 0%, rgba(238, 240, 249, 0) 70%); }
.kb-hero .kb-eyebrow { color: #476EA1; font-weight: 700; text-transform: uppercase; letter-spacing: 0.12em; font-size: 0.85rem; margin: 0; }
.kb-hero h1 { font-size: clamp(2.2rem, 4.2vw, 3.3rem); font-weight: 700; letter-spacing: -0.035em; line-height: 1.08; color: #111; margin: 0.5rem 0 1.1rem; text-align: center; }
.kb-hero .kb-lead { max-width: 28rem; margin-inline: auto; font-size: 1.05rem; line-height: 1.75; color: #3B3B3B; }
.kb-hero .kb-chips { gap: 10px; margin-top: 1.1rem; }
.kb-hero .kb-chips .wp-block-button__link { border: 2px solid #111 !important; border-radius: 999px !important; background: transparent !important; color: #111 !important; font-size: .95rem; font-weight: 500; padding: 6px 16px !important; clip-path: none; transition: background-color .2s, color .2s; }
.kb-hero .kb-chips .wp-block-button__link:hover { background: #111 !important; color: #fff !important; }
/* Zoekvlak sluit naadloos aan op de hero; de Echo-titel verdwijnt (de hero heeft de h1) */
html body #epkb-modular-main-page-container #epkb-ml__module-search { background-image: none !important; border-radius: 0 0 20px 20px; margin-top: 0; padding: 40px 24px 56px !important; }
html body #epkb-modular-main-page-container #epkb-ml__module-search .epkb-ml-search-title { display: none !important; }

/* ===== Onder de lijsten: "Over deze kennisbank" en "Hulp nodig?" ===== */
.kb-about, .kb-cta { max-width: 1200px; margin-inline: auto !important; box-sizing: border-box; }
.kb-about { padding: 56px 24px 40px; }
.kb-about .wp-block-columns { gap: 3rem; }
.kb-about .kb-eyebrow { color: #476EA1; font-weight: 700; font-size: .75rem; letter-spacing: .08em; text-transform: uppercase; margin: 0 0 .5rem; }
.kb-about h2 { font-size: clamp(1.6rem, 2.6vw, 2.2rem); font-weight: 700; letter-spacing: -0.02em; color: #111; margin: 0; }
.kb-about p { line-height: 1.75; color: #3B3B3B; }
.kb-about a { color: #476EA1; }
.kb-cta { background: #111; color: #fff; border-radius: 20px; padding: 40px; margin-bottom: 64px !important; align-items: center; gap: 1.5rem; }
html body .kb-cta h2.wp-block-heading { color: #fff !important; font-size: 1.6rem; font-weight: 700; margin: 0 0 .4rem; }
.kb-cta p { color: #E4E3E4; margin: 0; }
.kb-cta .wp-block-button__link { background: #fff; color: #111; border-radius: 8px; font-weight: 600; clip-path: none; }
.kb-cta .wp-block-button__link:hover { background: #E4E3E4; color: #111; }

/* =====================================================================
   FIDELSEC-STIJL (Brandbook V2) over de kennisbank-structuur
   Vormtaal: geen afronding, afgeschuinde hoek rechtsonder met haarlijn, stippenraster,
   Cyber Dusk accenten, JetBrains Mono labels, MONO-RGO alleen voor nummering.
   ===================================================================== */
:root { --fs-chamfer: 18px; --fs-line: #E4E3E4; --fs-dots: radial-gradient(rgba(17, 17, 17, .16) 1px, transparent 1px); }
.kb-hero, .kb-about, .kb-cta, html body #epkb-modular-main-page-container,
.entry-content > .kb-hero, .eckb-kb-current-theme-template-main-page #epkb-modular-main-page-container { max-width: 1280px !important; }
#eckb-article-page-container-v2 { max-width: 1280px; }
html body #eckb-archive-page-container #eckb-archive-header, html body #eckb-archive-page-container #eckb-archive-body, html body #eckb-archive-page-container #eckb-archive-footer { max-width: 1280px !important; }

/* ---- Hero: stippenraster, links uitgelijnd, eyebrow met merkvierkant ---- */
html body .kb-hero {
	background-color: #E4E3E4; background-image: var(--fs-dots); background-size: 20px 20px; border-radius: 0; text-align: left;
	padding: clamp(2.5rem, 4.5vw, 4rem) clamp(1.25rem, 4vw, 3rem) 8px !important;
}
html body .kb-hero .kb-eyebrow { display: flex; align-items: center; gap: 9px; text-align: left !important; color: #8065AC; font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: .72rem; letter-spacing: .16em; }
html body .kb-hero .kb-eyebrow::before { content: ""; width: 6px; height: 6px; background: #8065AC; flex: none; }
html body .kb-hero h1 { text-align: left !important; letter-spacing: -0.02em; font-size: clamp(2rem, 4vw, 3.125rem); }
html body .kb-hero .kb-lead { text-align: left !important; margin-inline: 0; max-width: 34em; }
html body .kb-hero .kb-chips { justify-content: flex-start !important; }
html body .kb-hero .kb-chips .wp-block-button__link {
	border: 1px solid #111 !important; border-radius: 0 !important; background: #fff !important; font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: .8rem;
	letter-spacing: .06em; text-transform: uppercase; font-weight: 700; padding: 8px 16px !important;
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%) !important;
}
html body .kb-hero .kb-chips .wp-block-button__link:hover { background: #476EA1 !important; border-color: #476EA1 !important; color: #fff !important; }

/* ---- Zoekvlak: zelfde raster, vierkant veld, knop met afgeschuinde hoek ---- */
html body #epkb-modular-main-page-container #epkb-ml__module-search,
html body.single-epkb_post_type_1 #epkb-ml__module-search,
html body #eckb-archive-page-container #epkb-ml__module-search {
	background-color: #E4E3E4 !important; background-image: var(--fs-dots) !important; background-size: 20px 20px !important; border-radius: 0 !important;
	border-bottom: 1px solid var(--fs-line);
}
html body #epkb-modular-main-page-container #epkb-ml__module-search { padding: 24px clamp(1.25rem, 4vw, 3rem) 48px !important; margin-bottom: 0; }
html body #epkb-modular-main-page-container #epkb-ml__module-search #epkb-ml-search-classic-layout #epkb-ml-search-form,
html body #eckb-archive-page-container #epkb-ml__module-search #epkb-ml-search-classic-layout #epkb-ml-search-form,
html body.single-epkb_post_type_1 #epkb-ml__module-search #epkb-ml-search-classic-layout #epkb-ml-search-form { margin-inline: 0 !important; max-width: 680px !important; }
html body #epkb-modular-main-page-container #epkb-ml__module-search #epkb-ml-search-classic-layout #epkb-ml-search-form #epkb-ml-search-box,
html body #eckb-archive-page-container #epkb-ml__module-search #epkb-ml-search-classic-layout #epkb-ml-search-form #epkb-ml-search-box,
html body.single-epkb_post_type_1 #epkb-ml__module-search #epkb-ml-search-classic-layout #epkb-ml-search-form #epkb-ml-search-box {
	border: 1px solid #3B3B3B !important; border-radius: 0 !important; box-shadow: none !important; padding: 5px;
}
html body #epkb-modular-main-page-container #epkb-ml__module-search #epkb-ml-search-classic-layout #epkb-ml-search-form #epkb-ml-search-box:focus-within { border-color: #476EA1 !important; }
html body #epkb-ml__module-search #epkb-ml-search-classic-layout .epkb-ml-search-box__btn {
	border-radius: 0 !important; background-color: #476EA1 !important; letter-spacing: .03em;
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%);
}
html body #epkb-ml__module-search #epkb-ml-search-classic-layout .epkb-ml-search-box__btn:hover { background-color: #8065AC !important; }
html body.single-epkb_post_type_1 #epkb-ml__module-search { max-width: 1280px; padding: 28px clamp(1.25rem, 4vw, 3rem) !important; }

/* ---- Categoriekaarten: nummer i.p.v. map, chamfer + haarlijn, Cyber Dusk balk ---- */
html body #epkb-modular-main-page-container .epkb-top-category-box,
html body #epkb-modular-main-page-container .epkb-ml-article-list-container .epkb-ml-article-section {
	position: relative; border-radius: 0 !important; border: 1px solid var(--fs-line) !important; box-shadow: none !important; transform: none !important;
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--fs-chamfer)), calc(100% - var(--fs-chamfer)) 100%, 0 100%);
}
html body #epkb-modular-main-page-container .epkb-top-category-box::after,
html body #epkb-modular-main-page-container .epkb-ml-article-list-container .epkb-ml-article-section::after {
	content: ""; position: absolute; right: 0; bottom: 0; width: var(--fs-chamfer); height: var(--fs-chamfer); pointer-events: none;
	background: linear-gradient(to top left, #fff calc(50% - .5px), #8D8D8D calc(50% - .5px), #8D8D8D calc(50% + .5px), transparent calc(50% + .5px));
}
html body #epkb-modular-main-page-container .epkb-top-category-box::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 3px; background: var(--wp--preset--gradient--cyber-dusk); z-index: 1; }
html body #epkb-modular-main-page-container .epkb-top-category-box:hover { border-color: #476EA1 !important; box-shadow: none !important; transform: none !important; }
html body #epkb-modular-main-page-container .epkb-top-category-box .section-head { border-radius: 0 !important; padding-top: 1.5rem !important; }
html body #epkb-modular-main-page-container .eckb-categories-list { counter-reset: fs-cat; }
html body #epkb-modular-main-page-container .epkb-top-category-box { counter-increment: fs-cat; }
html body #epkb-modular-main-page-container .epkb-category-level-1 .epkb-cat-icon { display: none !important; }
html body #epkb-modular-main-page-container .epkb-category-level-1::before {
	content: counter(fs-cat, decimal-leading-zero); font-family: 'MONO RGO Modular', monospace; font-size: 1.5rem; line-height: 1; color: #8065AC; margin-bottom: .7rem;
}
html body #epkb-modular-main-page-container .epkb-cat-name, html body #epkb-modular-main-page-container .epkb-cat-name a { letter-spacing: -0.01em; }

/* ---- Artikelregels: merkvierkant, mono-link "toon resterende" ---- */
html body #epkb-modular-main-page-container .eckb-article-title__icon, html body #epkb-modular-main-page-container .epkb-article__icon { display: none !important; }
html body #epkb-modular-main-page-container .eckb-article-title__text::before, html body #epkb-modular-main-page-container .epkb-article__text::before {
	content: ""; display: inline-block; width: 6px; height: 6px; background: #8065AC; margin-right: .75rem; vertical-align: middle; position: relative; top: -1px;
}
html body #epkb-modular-main-page-container li > a:hover .eckb-article-title__text::before, html body #epkb-modular-main-page-container li > a:hover .epkb-article__text::before { background: #476EA1; }
html body #epkb-modular-main-page-container .epkb-section-body li.epkb-article-level-1, html body #epkb-modular-main-page-container .epkb-ml-articles-list li { border-top-color: var(--fs-line); }
html body #epkb-modular-main-page-container .epkb-show-all-articles { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: .72rem !important; letter-spacing: .08em; text-transform: uppercase; border-top-color: var(--fs-line); }

/* ---- Uitgelichte artikelen: grijze band, witte vlakken, mono-koppen ---- */
html body #epkb-ml__row-3 { background: #E4E3E4; padding: clamp(2.5rem, 5vw, 4rem) clamp(1.25rem, 4vw, 3rem); }
html body #epkb-modular-main-page-container .epkb-ml-article-list-container .epkb-ml-article-section { background-color: #fff !important; padding: 6px 4px 12px; }
html body #epkb-modular-main-page-container .epkb-ml-article-section__head {
	font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: .75rem !important; letter-spacing: .14em; text-transform: uppercase; padding-left: 1.5rem !important;
}
html body #epkb-modular-main-page-container .epkb-ml-article-section__head * { font-size: .75rem !important; }
html body #epkb-modular-main-page-container .epkb-ml-articles-list__title { font-size: clamp(1.5rem, 3vw, 2.2rem); letter-spacing: -0.02em; margin-bottom: 1.25rem; }

/* ---- Over deze kennisbank + CTA ---- */
html body .kb-about .kb-eyebrow { display: flex; align-items: center; gap: 9px; color: #8065AC; font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: .72rem; letter-spacing: .16em; }
html body .kb-about .kb-eyebrow::before { content: ""; width: 6px; height: 6px; background: #8065AC; }
html body .kb-about { padding-inline: clamp(1.25rem, 4vw, 3rem); }
html body .kb-cta {
	border-radius: 0; background: #111; position: relative; margin-inline: auto; width: calc(100% - 2 * clamp(1.25rem, 4vw, 3rem));
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - 34px), calc(100% - 34px) 100%, 0 100%); border: 0;
}
html body .kb-cta .wp-block-button__link { border-radius: 0; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%); }

/* ---- Artikelpagina ---- */
html body #eckb-article-page-container-v2 #epkb-sidebar-container-v2, html body #eckb-article-page-container-v2 .eckb-article-toc {
	border: 1px solid var(--fs-line) !important; border-radius: 0 !important;
}
html body #eckb-article-page-container-v2 #epkb-sidebar-container-v2 { clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--fs-chamfer)), calc(100% - var(--fs-chamfer)) 100%, 0 100%); }
html body #eckb-article-page-container-v2 .eckb-article-toc__title, html body #eckb-article-page-container-v2 .epkb-article-navigation__label {
	font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: .72rem !important; letter-spacing: .12em; text-transform: uppercase;
}
html body #eckb-article-page-container-v2 .eckb-article-toc__inner { border-left-color: #8065AC !important; }
html body #eckb-article-page-container-v2 .eckb-article-toc__level a { border-radius: 0 !important; }
html body #eckb-article-page-container-v2 .eckb-article-toc__level a.active { background: #476EA1 !important; }
html body #eckb-article-page-container-v2 .eckb-tag-list a { border-radius: 0; font-family: 'JetBrains Mono', ui-monospace, monospace; letter-spacing: .08em; background: #E4E3E4 !important; color: #3B3B3B !important; }
html body #eckb-article-page-container-v2 .epkb-article-navigation-container a { border-radius: 0 !important; border-color: var(--fs-line); }
html body #eckb-article-page-container-v2 .epkb-article-navigation-container a:hover { border-color: #476EA1; }
html body #eckb-article-content-body .kb-sectie {
	border-radius: 0; clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--fs-chamfer)), calc(100% - var(--fs-chamfer)) 100%, 0 100%);
}
html body #eckb-article-content-body .kb-sectie--samenvatting { background: #E4E3E4; border-left-color: #476EA1; }
html body #eckb-article-content-body .kb-sectie--uitleg { background: #fff; border: 1px solid var(--fs-line); border-left: 4px solid #8065AC; }
html body #eckb-article-content-body .kb-sectie--waarom, html body #eckb-article-content-body .kb-sectie--voorbeeld { background: #fff; border: 1px solid var(--fs-line); border-left: 4px solid #E67A45; }
html body #eckb-article-content-body .kb-sectie--actie { background: #fff; border: 1px solid var(--fs-line); border-left: 4px solid #3E6868; }
html body #eckb-article-content-body .kb-sectie--gerelateerd { background: #E4E3E4; border-left-color: #8065AC; }
html body #eckb-article-content-body .kb-sectie--cta { background: var(--wp--preset--gradient--cyber-dusk); border: 0; color: #fff; }
html body #eckb-article-content-body .kb-sectie--cta :is(p, h2, .kb-cta-kop) { color: #fff !important; }
html body #eckb-article-content-body .kb-sectie--cta .wp-block-button__link { background: #fff; color: #111; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%); }
html body #eckb-article-content-body .kb-label-kop { font-family: 'JetBrains Mono', ui-monospace, monospace; letter-spacing: .12em; color: #3B3B3B !important; }
html body #eckb-article-content-body .kb-artikel th { background: #E4E3E4; }
html body #eckb-article-content-body .kb-artikel th, html body #eckb-article-content-body .kb-artikel td { border-color: var(--fs-line); }

/* ---- Categoriepagina ---- */
html body #eckb-archive-page-container #epkb-sidebar-container-v2 { border-radius: 0 !important; border-color: var(--fs-line) !important; clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--fs-chamfer)), calc(100% - var(--fs-chamfer)) 100%, 0 100%); }
html body #eckb-archive-page-container .epkb-sidebar__cat__top-cat__heading-container, html body #eckb-archive-page-container .epkb-sidebar__cat__current-cat > div:first-child { background: #E4E3E4 !important; }
html body #eckb-archive-page-container .eckb-category-archive-title-icon--font { border-radius: 0; background: #E4E3E4; color: #8065AC !important; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%); }
html body #eckb-archive-page-container .eckb-article-container { border-top-color: var(--fs-line) !important; }
html body #eckb-archive-page-container .eckb-article-container .epkb-article__text::before {
	content: ""; display: inline-block; width: 6px; height: 6px; background: #8065AC; margin-right: .75rem; vertical-align: middle; position: relative; top: -1px;
}
html body #eckb-archive-page-container .eckb-category-archive-articles-list-title { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: .75rem !important; letter-spacing: .14em; text-transform: uppercase; }

/* Hero-correcties: eigen achtergrond wint van de eerdere regels, inhoud links op het raster */
html body .entry-content > .kb-hero, html body .kb-hero {
	background-color: #E4E3E4 !important; background-image: var(--fs-dots) !important; background-size: 20px 20px !important;
	border-radius: 0 !important; margin-bottom: 0 !important; margin-top: 24px !important;
}
html body .kb-hero > * { max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; }
html body .kb-hero .kb-lead { max-width: 34em !important; }
html body .kb-hero .kb-chips { padding-bottom: 8px; }
html body #epkb-modular-main-page-container #epkb-ml__module-search { padding-top: 16px !important; border-bottom: 1px solid var(--fs-line); }
html body #epkb-modular-main-page-container #epkb-ml__module-search { padding-inline: 24px !important; }
html body #epkb-modular-main-page-container #epkb-ml__module-search #epkb-ml-search-classic-layout .epkb-ml-search-box__btn,
html body #eckb-archive-page-container #epkb-ml__module-search #epkb-ml-search-classic-layout .epkb-ml-search-box__btn,
html body.single-epkb_post_type_1 #epkb-ml__module-search #epkb-ml-search-classic-layout .epkb-ml-search-box__btn { border-radius: 0 !important; }
html body #eckb-archive-page-container .epkb-article__icon, html body #eckb-archive-page-container .eckb-article-title__icon,
html body #eckb-archive-page-container .eckb-category-archive-title-icon, html body #eckb-archive-page-container [class*="archive-title-icon"] { display: none !important; }
html body #eckb-archive-page-container .eckb-category-archive-title::before { content: ""; width: 10px; height: 10px; background: var(--wp--preset--gradient--cyber-dusk); flex: none; }
html body #eckb-archive-page-container #epkb-ml__module-search { padding-inline: 24px !important; }


/* Artikelpagina: geen zoekvlak en geen "Alle onderwerpen"-knop (zoals het voorbeeld) */
html body.single-epkb_post_type_1 #epkb-ml__row-1,
html body.single-epkb_post_type_1 #epkb-ml__module-search,
html body.single-epkb_post_type_1 #eckb-article-back-navigation-container { display: none !important; }
html body.single-epkb_post_type_1 #eckb-article-page-container-v2 { padding-top: 2.5rem; }

/* =====================================================================
   INDELING VOLGENS HET ONTWERP (Fase 2) — alleen CSS.
   Er wordt niets aan tekst of HTML veranderd: alle regels hieronder werken op de
   bestaande Echo-opmaak en de paginablokken (.kb-hero, .kb-about, .kb-cta).
   ===================================================================== */
:root { --kb-top-h: 430px; }

/* Hoofdpagina: hero links, zoekbalk rechts (desktop); op mobiel onder elkaar */
html body .kb-hero h1 { font-size: clamp(2rem, 3.2vw, 2.6rem); }
@media (min-width: 900px) {
	html body .kb-hero { min-height: var(--kb-top-h); box-sizing: border-box; border-bottom: 0; }
	html body .kb-hero > * { max-width: 48% !important; }
	html body #epkb-modular-main-page-container #epkb-ml__row-1 {
		margin-top: calc(-1 * var(--kb-top-h)); height: var(--kb-top-h); display: flex; align-items: center; justify-content: flex-end; position: relative; z-index: 2; pointer-events: none;
	}
	html body #epkb-modular-main-page-container #epkb-ml__module-search {
		width: 50%; background: transparent !important; background-image: none !important; border: 0 !important; padding: 0 clamp(1.25rem, 3vw, 2.5rem) 0 0 !important; pointer-events: auto;
	}
	html body #epkb-modular-main-page-container #epkb-ml__module-search #epkb-ml-search-classic-layout #epkb-ml-search-form { max-width: none !important; }
}

/* Categoriekaarten: nummer in een vierkant naast de naam */
html body #epkb-ml__row-2 { padding-inline: 24px; padding-top: clamp(2rem, 4vw, 3rem); }
html body #epkb-modular-main-page-container .epkb-top-category-box .epkb-category-level-1 {
	display: grid !important; grid-template-columns: 52px 1fr; column-gap: 16px; align-items: center !important; padding-left: 0 !important;
}
html body #epkb-modular-main-page-container .epkb-category-level-1::before {
	width: 52px; height: 52px; margin: 0; display: flex; align-items: center; justify-content: center; background: #E4E3E4; font-size: 1.35rem;
}
html body #epkb-modular-main-page-container .epkb-category-level-1 .epkb-cat-name { min-height: 0; grid-column: 2; font-size: 1.05rem !important; line-height: 1.25; }
html body #epkb-modular-main-page-container .epkb-category-level-1 .epkb-cat-name a { font-size: 1.05rem !important; }
html body #epkb-modular-main-page-container .epkb-top-category-box .section-head { padding: 1.4rem 1.5rem !important; }
html body #epkb-modular-main-page-container .epkb-ml-articles-list__title, html body #epkb-modular-main-page-container .epkb-ml-articles-list__title span { font-size: 1.25rem !important; font-weight: 700 !important; color: #111 !important; letter-spacing: -0.01em; }

/* CTA-band: licht vlak, tekst links, knop rechts */
html body .kb-cta { background-color: #E4E3E4 !important; background-image: var(--fs-dots) !important; background-size: 20px 20px; color: #111 !important; border: 0 !important; border-image: none !important; }
html body .kb-cta h2.wp-block-heading { color: #111 !important; }
html body .kb-cta p { color: #3B3B3B !important; }
html body .kb-cta .wp-block-button__link { background-color: #476EA1 !important; color: #fff !important; border-radius: 0 !important; }
html body .kb-cta .wp-block-button__link::after { content: " \2192"; }
html body .kb-cta .wp-block-button__link:hover { background-color: #8065AC !important; color: #fff !important; }

/* Artikelpagina: vakken met tint en label-kop; zijbalkkaarten */
html body #eckb-article-page-container-v2 .eckb-article-toc,
html body #eckb-article-page-container-v2 #epkb-sidebar-container-v2 {
	background: #fff !important; border: 1px solid var(--fs-line) !important; border-radius: 0 !important; box-shadow: none !important;
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0 100%);
}
html body #eckb-article-page-container-v2 .eckb-article-toc { padding: 1rem 1.1rem !important; }
html body #eckb-article-page-container-v2 .eckb-article-toc__inner { border-left: 0 !important; padding: 0 !important; }
html body #eckb-article-page-container-v2 .eckb-article-toc__title { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: .72rem !important; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #111 !important; border-bottom: 1px solid var(--fs-line); padding-bottom: .6rem; margin-bottom: .6rem; }
html body #eckb-article-content-body .kb-sectie { border: 0 !important; padding: 1.1rem 1.4rem 1.3rem; }
html body #eckb-article-content-body .kb-sectie--samenvatting { background: rgba(71, 110, 161, .10); }
html body #eckb-article-content-body .kb-sectie--uitleg, html body #eckb-article-content-body .kb-sectie--gerelateerd { background: #EFEEEF; }
html body #eckb-article-content-body .kb-sectie--waarom, html body #eckb-article-content-body .kb-sectie--voorbeeld { background: rgba(230, 122, 69, .12); }
html body #eckb-article-content-body .kb-sectie--actie { background: rgba(62, 104, 104, .12); }
html body #eckb-article-content-body .kb-sectie--cta { background: rgba(71, 110, 161, .10); color: #111; }
html body #eckb-article-content-body .kb-sectie--cta :is(p, h2, .kb-cta-kop) { color: #111 !important; }
html body #eckb-article-content-body .kb-sectie--cta .wp-block-button__link { background: #476EA1; color: #fff; }
html body #eckb-article-content-body .kb-sectie h2, html body #eckb-article-content-body .kb-label-kop {
	font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: .78rem !important; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; margin: 0 0 .7rem;
}
html body #eckb-article-content-body .kb-sectie--samenvatting h2, html body #eckb-article-content-body .kb-label-kop { color: #2F5282 !important; }
html body #eckb-article-content-body .kb-sectie--uitleg h2 { color: #3B3B3B; }
html body #eckb-article-content-body .kb-sectie--waarom h2, html body #eckb-article-content-body .kb-sectie--voorbeeld h2 { color: #8A3F12; }
html body #eckb-article-content-body .kb-sectie--actie h2 { color: #2E5050; }
html body #eckb-article-content-body .kb-sectie--gerelateerd h2 { color: #5E4690; }
html body #eckb-article-content-body .kb-cta-kop { font-size: 1.15rem !important; }
html body #eckb-article-content-body .kb-artikel, html body #eckb-article-content-body .kb-artikel.has-global-padding { padding-inline: 0 !important; margin-inline: 0 !important; max-width: none !important; width: 100%; }

/* ================= Extra kennisbankpatronen: startpunten en veelgestelde vragen ================= */
html body .kb-categorie-intro > * + *, html body .kb-faq > * + * { margin-top: 1rem; }
html body .kb-categorie-intro .wp-block-columns { gap: 1.25rem; margin-top: 1.5rem; }
html body .kb-start {
	background: #fff; border: 1px solid var(--fs-line); border-top: 3px solid #476EA1; padding: 1.25rem 1.4rem; height: 100%;
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--fs-chamfer)), calc(100% - var(--fs-chamfer)) 100%, 0 100%);
}
html body .kb-start h3 { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: .78rem; letter-spacing: .12em; text-transform: uppercase; color: #8065AC; margin: 0 0 .75rem; }
html body .kb-start ul { list-style: none; padding: 0; margin: 0; }
html body .kb-start li { margin: 0; padding: .55rem 0; border-top: 1px solid var(--fs-line); }
html body .kb-start li:first-child { border-top: 0; }
html body .kb-start a { color: #111; font-weight: 600; text-decoration: none; }
html body .kb-start a::after { content: " →"; color: #476EA1; }
html body .kb-start a:hover { color: #476EA1; }
html body .kb-faq details { border-top: 1px solid var(--fs-line); padding: 1rem 0; margin: 0; }
html body .kb-faq details:last-of-type { border-bottom: 1px solid var(--fs-line); }
html body .kb-faq summary { cursor: pointer; font-weight: 700; color: #111; }
html body .kb-faq details[open] summary { color: #476EA1; margin-bottom: .6rem; }
@media (max-width: 781px) { html body .kb-categorie-intro .wp-block-columns { gap: 1rem; } }
html body .kb-faq details:first-of-type { margin-top: 1.25rem; }

/* =====================================================================
   OPSCHONING — één vormtaal voor de hele kennisbank
   Regels: afgeschuinde hoek met haarlijn, stippenraster, één knopstijl, één contactbalk.
   Deze blok staat bewust onderaan en wint van de oudere regels hierboven.
   ===================================================================== */
:root { --fs-btn-cut: 10px; --fs-hair: #8D8D8D; }

/* ---- Eén knop: blauw, vierkant, afgeschuinde hoek (contactbalk, artikel-CTA, zoekknop) ---- */
html body .kb-cta .wp-block-button__link,
html body #eckb-article-content-body .kb-sectie--cta .wp-block-button__link,
html body #epkb-ml__module-search .epkb-ml-search-box__btn {
	background: #476EA1 !important; color: #fff !important; border: 0 !important; border-radius: 0 !important;
	font-family: 'Rethink Sans', system-ui, sans-serif; font-size: 1rem !important; font-weight: 600; letter-spacing: 0; text-transform: none; text-decoration: none;
	padding: .8rem 1.6rem !important; line-height: 1.2; box-shadow: none;
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--fs-btn-cut)), calc(100% - var(--fs-btn-cut)) 100%, 0 100%);
	transition: background-color .15s ease;
}
html body .kb-cta .wp-block-button__link:hover,
html body #eckb-article-content-body .kb-sectie--cta .wp-block-button__link:hover,
html body #epkb-ml__module-search .epkb-ml-search-box__btn:hover { background: #8065AC !important; color: #fff !important; }

/* ---- Contactbalk: dezelfde balk overal (patroon + oude artikelblokken) ---- */
html body .kb-cta, html body #eckb-article-content-body .kb-sectie--cta {
	display: grid !important; grid-template-columns: minmax(0, 1fr) auto; column-gap: 2rem; row-gap: .35rem; align-items: center;
	position: relative; box-sizing: border-box; margin: 0; padding: 2rem 2.25rem !important; border: 0 !important; border-radius: 0 !important;
	background-color: #E4E3E4 !important; background-image: var(--fs-dots) !important; background-size: 20px 20px !important; color: #111;
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%);
}
html body .kb-cta > :is(h2, p, .kb-cta__text), html body #eckb-article-content-body .kb-sectie--cta > :is(h2, p) { grid-column: 1; margin: 0; }
html body .kb-cta > .wp-block-buttons, html body #eckb-article-content-body .kb-sectie--cta > .wp-block-buttons { grid-column: 2; grid-row: 1 / span 2; margin: 0; }
html body .kb-cta .kb-cta__text > * { margin: 0; }
html body .kb-cta :is(h2, h2.wp-block-heading), html body #eckb-article-content-body .kb-sectie--cta :is(h2, .kb-cta-kop) {
	font-family: 'Rethink Sans', system-ui, sans-serif; font-size: 1.5rem !important; font-weight: 700; letter-spacing: -0.01em; text-transform: none; color: #111 !important;
}
html body .kb-cta p, html body #eckb-article-content-body .kb-sectie--cta p { color: #3B3B3B !important; font-size: 1rem; }
html body .kb-cta .wp-block-button__link::after { content: none; }
html body .kb-cta { margin: 3rem auto 4rem; width: calc(100% - 2 * clamp(1.25rem, 4vw, 3rem)); max-width: 1280px; }
html body #eckb-article-content-body .kb-cta { width: 100%; margin: 2rem 0 0; }
@media (max-width: 781px) {
	html body .kb-cta, html body #eckb-article-content-body .kb-sectie--cta { grid-template-columns: 1fr; padding: 1.5rem !important; }
	html body .kb-cta > .wp-block-buttons, html body #eckb-article-content-body .kb-sectie--cta > .wp-block-buttons { grid-column: 1; grid-row: auto; margin-top: 1rem; }
}

/* ---- Zoekbalk: één vlak met één afgeschuinde hoek; de knop zit er recht in ---- */
html body #epkb-ml__module-search #epkb-ml-search-classic-layout #epkb-ml-search-form { position: relative; }
html body #epkb-ml__module-search #epkb-ml-search-classic-layout #epkb-ml-search-form #epkb-ml-search-box {
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0 100%); background: #fff !important;
	border: 1px solid #3B3B3B !important; border-radius: 0 !important; padding: 0 !important; align-items: stretch;
}
html body #epkb-ml__module-search #epkb-ml-search-classic-layout #epkb-ml-search-form::after {
	content: ""; position: absolute; right: 0; bottom: 0; width: 14px; height: 14px; pointer-events: none;
	background: linear-gradient(to top left, transparent 50%, #3B3B3B 50%, #3B3B3B calc(50% + 1px), transparent calc(50% + 1px));
}
html body #epkb-ml__module-search #epkb-ml-search-classic-layout .epkb-ml-search-box__input { border: 0 !important; border-radius: 0 !important; box-shadow: none !important; background: transparent !important; }
html body #epkb-ml__module-search #epkb-ml-search-classic-layout .epkb-ml-search-box__btn { clip-path: none; min-height: 54px; padding: 0 2rem !important; margin: 0 !important; }

/* ---- Chips in de hero: zelfde afschuining, met haarlijn ---- */
html body .kb-hero .kb-chips .wp-block-button { position: relative; }
html body .kb-hero .kb-chips .wp-block-button::after {
	content: ""; position: absolute; right: 0; bottom: 0; width: 8px; height: 8px; pointer-events: none;
	background: linear-gradient(to top left, transparent 50%, #111 50%, #111 calc(50% + 1px), transparent calc(50% + 1px));
}
html body .kb-hero .kb-chips .wp-block-button:hover::after { background: linear-gradient(to top left, transparent 50%, #476EA1 50%, #476EA1 calc(50% + 1px), transparent calc(50% + 1px)); }

/* ---- Kaarten: lintje als achtergrond (geen pseudo-element, dus geen geflikker), niets beweegt bij hover ---- */
html body #epkb-modular-main-page-container .epkb-top-category-box::before { content: none !important; }
html body #epkb-modular-main-page-container .epkb-top-category-box,
html body #epkb-modular-main-page-container .epkb-ml-article-list-container .epkb-ml-article-section {
	background-color: #fff !important; background-image: var(--wp--preset--gradient--cyber-dusk) !important; background-size: 100% 3px !important; background-repeat: no-repeat !important; background-position: top left !important;
	transition: border-color .15s ease !important; transform: none !important; overflow: visible !important;
}
html body #epkb-modular-main-page-container .epkb-top-category-box .section-head,
html body #epkb-modular-main-page-container .epkb-top-category-box .epkb-section-body { background: transparent !important; }
html body #epkb-modular-main-page-container .epkb-ml-article-list-container .epkb-ml-article-section { padding-top: 1rem; }
/* Uitgelichte artikelen: ook het stippenraster, zoals hero en contactbalk */
html body #epkb-ml__row-3 { background-color: #E4E3E4 !important; background-image: var(--fs-dots) !important; background-size: 20px 20px !important; }
html body #epkb-modular-main-page-container .epkb-top-category-box,
html body #epkb-modular-main-page-container .epkb-ml-article-list-container .epkb-ml-article-section { --cut-line: #E4E3E4; }
html body #epkb-modular-main-page-container .epkb-top-category-box:hover,
html body #epkb-modular-main-page-container .epkb-ml-article-list-container .epkb-ml-article-section:hover { --cut-line: #476EA1; border-color: #476EA1 !important; }
html body #epkb-modular-main-page-container .epkb-top-category-box::after,
html body #epkb-modular-main-page-container .epkb-ml-article-list-container .epkb-ml-article-section::after {
	background: linear-gradient(to top left, transparent calc(50% - 1px), var(--cut-line) calc(50% - 1px), var(--cut-line) calc(50% + 1px), transparent calc(50% + 1px)) !important;
}

/* ---- Geen "Toon resterende artikelen": alles staat er meteen ---- */
html body .epkb-show-all-articles, html body #eckb-archive-page-container [class*="show-all"] { display: none !important; }
html body .epkb-section-body li[style*="display: none"], html body .epkb-section-body li.epkb-hide-article { display: list-item !important; }

/* ---- Artikel: maar één H1 (Echo-titel); de titel van het thema verdwijnt ---- */
html body.single-epkb_post_type_1 .wp-block-post-title,
html body.single-epkb_post_type_1 .wp-site-blocks > main > .wp-block-group:first-child:not(:has(#eckb-article-page-container-v2)) > .wp-block-post-title { display: none !important; }
html body.single-epkb_post_type_1 #eckb-article-page-container-v2 { padding-top: 1.5rem; padding-bottom: 1rem; }
html body #eckb-article-page-container-v2 .eckb-article-title { margin-top: .25rem; }

/* ---- Artikel: alleen samenvatting, gerelateerd en hulp-nodig in eigen balk; de rest is gewone tekst ---- */
html body #eckb-article-content-body .kb-sectie--uitleg,
html body #eckb-article-content-body .kb-sectie--waarom,
html body #eckb-article-content-body .kb-sectie--voorbeeld,
html body #eckb-article-content-body .kb-sectie--actie {
	background: none !important; clip-path: none; border: 0 !important; padding: 0 !important; margin-top: 1.75rem !important;
}
html body #eckb-article-content-body .kb-sectie--uitleg h2,
html body #eckb-article-content-body .kb-sectie--waarom h2,
html body #eckb-article-content-body .kb-sectie--voorbeeld h2,
html body #eckb-article-content-body .kb-sectie--actie h2 {
	font-family: 'Rethink Sans', system-ui, sans-serif; font-size: 1.35rem !important; font-weight: 700; letter-spacing: -0.01em; text-transform: none; color: #111 !important; margin: 0 0 .6rem;
}
html body #eckb-article-content-body .kb-sectie--samenvatting,
html body #eckb-article-content-body .kb-sectie--gerelateerd { margin-top: 0; }
html body #eckb-article-content-body .kb-sectie--gerelateerd { margin-top: 2rem !important; }
/* minder lege ruimte onderaan het artikel */
html body #eckb-article-page-container-v2, html body #eckb-article-page-container-v2 #eckb-article-content, html body #eckb-article-content-body { padding-bottom: 0 !important; margin-bottom: 0 !important; }
html body #eckb-article-page-container-v2 .epkb-article-navigation-container { margin-top: 1.5rem; margin-bottom: 0; }
html body #eckb-article-page-container-v2 .eckb-tag-container { margin-top: 1rem; }
html body.single-epkb_post_type_1 .wp-site-blocks > footer, html body.single-epkb_post_type_1 .wp-site-blocks > .wp-block-template-part:last-child { margin-top: 2.5rem !important; }

/* ---- Categoriepagina: de zijbalk herhaalt dezelfde artikelen als de lijst ernaast; weg ermee ---- */
html body #eckb-archive-page-container #eckb-archive-left-sidebar { display: none !important; }
html body #eckb-archive-page-container #eckb-archive-body { display: block !important; }
html body #eckb-archive-page-container #eckb-archive-content { grid-column: 1 / -1; width: 100%; padding-inline: 24px; box-sizing: border-box; }

/* ---- Artikel: "Gerelateerde onderwerpen" en de contactbalk zijn twee losse balken met ruimte ertussen ---- */
html body #eckb-article-content-body .kb-artikel > .kb-cta,
html body #eckb-article-content-body .kb-artikel > .kb-sectie--cta { margin: 2.5rem 0 1.75rem !important; }

/* ---- Kaarten: bovenrand is het lintje (geen dubbele lijn), alle andere randen en de afschuining even dun ---- */
html body #epkb-modular-main-page-container .epkb-top-category-box,
html body #epkb-modular-main-page-container .epkb-ml-article-list-container .epkb-ml-article-section {
	background-origin: border-box !important; border-top-color: transparent !important;
}
html body #epkb-modular-main-page-container .epkb-top-category-box:hover,
html body #epkb-modular-main-page-container .epkb-ml-article-list-container .epkb-ml-article-section:hover { border-top-color: transparent !important; }

/* ---- Afschuining kaarten: de lijn ligt precies op de snede (de rand is 1px, dus de hoek begint 1px verder naar buiten) ---- */
html body #epkb-modular-main-page-container .epkb-top-category-box::after,
html body #epkb-modular-main-page-container .epkb-ml-article-list-container .epkb-ml-article-section::after {
	right: -1px !important; bottom: -1px !important; width: var(--fs-chamfer) !important; height: var(--fs-chamfer) !important;
}

/* Chips: rand altijd 1px, zodat de afschuining even dun is als de rand */
html body .kb-hero .kb-chips .wp-block-button.is-style-outline > .wp-block-button__link { border-width: 1px !important; border-style: solid !important; }
html body .kb-hero .kb-chips .wp-block-button > .wp-block-button__link:not(:focus-visible) { outline: 0 !important; }

/* Contactbalk ("Hulp nodig?"): gewone rechte balk, overal, zonder afgeschuinde hoek */
html body .kb-cta, html body #eckb-article-content-body .kb-sectie--cta, html body #eckb-article-content-body .kb-cta { clip-path: none !important; }

/* Contactknop: recht, zonder afgeschuinde hoek */
html body .kb-cta .wp-block-button__link, html body #eckb-article-content-body .kb-sectie--cta .wp-block-button__link, html body #eckb-article-content-body .kb-cta .wp-block-button__link { clip-path: none !important; }

/* ---- Zoekbalk: de hele omlijning (4 zijden + afschuining) wordt als één laag bovenop getekend,
   zodat de rechterkant en de diagonaal op elk scherm even dun en even donker zijn ---- */
html body #epkb-ml__module-search #epkb-ml-search-classic-layout #epkb-ml-search-form #epkb-ml-search-box { border: 0 !important; }
html body #epkb-ml__module-search #epkb-ml-search-classic-layout #epkb-ml-search-form::after {
	inset: 0; width: auto; height: auto; z-index: 5; --l: #3B3B3B; --c: 14px;
	background:
		linear-gradient(var(--l), var(--l)) 0 0 / 100% 1px no-repeat,
		linear-gradient(var(--l), var(--l)) 0 0 / 1px 100% no-repeat,
		linear-gradient(var(--l), var(--l)) 0 100% / calc(100% - var(--c)) 1px no-repeat,
		linear-gradient(var(--l), var(--l)) 100% 0 / 1px calc(100% - var(--c)) no-repeat,
		linear-gradient(to top left, transparent calc(50% - .5px), var(--l) calc(50% - .5px), var(--l) calc(50% + .5px), transparent calc(50% + .5px)) 100% 100% / var(--c) var(--c) no-repeat;
}

/* Artikelpagina: inhoud links, lijst met artikelen rechts (geen lege kolom links) */
@media (min-width: 900px) {
	html body #eckb-article-page-container-v2 #eckb-article-body { grid-template-columns: 0 minmax(0, 1fr) 300px !important; column-gap: 0; }
	html body #eckb-article-page-container-v2 #eckb-article-left-sidebar { display: none; }
	html body #eckb-article-page-container-v2 #eckb-article-content { padding-right: 2rem !important; }
}
@media (min-width: 900px) {
	html body #eckb-article-page-container-v2 #eckb-article-content { grid-column: 2 / 3 !important; grid-row: 1; }
	html body #eckb-article-page-container-v2 #eckb-article-right-sidebar { grid-column: 3 / 4 !important; grid-row: 1; }
}

/* Categoriepagina: zoekbalk gecentreerd in het grijze vlak (breedte en hoogte) */
html body #eckb-archive-page-container #epkb-ml__module-search { padding: 44px 24px !important; margin-bottom: 0 !important; }
html body #eckb-archive-page-container #epkb-ml__module-search #epkb-ml-search-classic-layout { margin: 0 auto !important; }
html body #eckb-archive-page-container #epkb-ml__module-search #epkb-ml-search-classic-layout #epkb-ml-search-form { margin: 0 auto !important; max-width: 680px !important; width: 100%; }

/* ---- Geen afgeschuinde hoeken meer op kaarten en artikelbalken: gewone rechte vlakken ---- */
html body #epkb-modular-main-page-container .epkb-top-category-box,
html body #epkb-modular-main-page-container .epkb-ml-article-list-container .epkb-ml-article-section,
html body #eckb-article-content-body .kb-sectie,
html body #eckb-article-content-body .kb-sectie--samenvatting,
html body #eckb-article-content-body .kb-sectie--gerelateerd { clip-path: none !important; }
html body #epkb-modular-main-page-container .epkb-top-category-box::after,
html body #epkb-modular-main-page-container .epkb-ml-article-list-container .epkb-ml-article-section::after,
html body #eckb-article-content-body .kb-sectie::after { content: none !important; }
html body #epkb-modular-main-page-container .epkb-top-category-box .epkb-cat-name a { color: #111 !important; text-decoration: none; }
html body #epkb-modular-main-page-container .epkb-top-category-box .epkb-cat-name a:hover { color: #476EA1 !important; }