/* ========================================
   Breadcrumbs
======================================== */

.wk-breadcrumbs {
display:flex;
align-items:center;
gap:8px;
margin:0 0 22px;
font-size:13px;
line-height:1.2;
color:var(--wk-white-35);
}

.wk-breadcrumbs * + *::before{
  content:"›";
  margin:0 6px;
  color:var(--wk-white-18);
}

.wk-breadcrumbs a {
color:inherit;
text-decoration:none;
}

.wk-breadcrumbs a:hover {
color:var(--wk-white-70);
}

.wk-breadcrumbs .wk-sep {
color:var(--wk-white-18);
}

.wk-breadcrumbs .current {
color:var(--wk-white-70);
}

/* ========================================
   FAQ
======================================== */

/* FAQ container */

.wk-faq {
	display: flex;
	flex-direction: column;
	gap: 0;
	width: 100%;
	background: #ffffff;
	border: 1px solid #d9dee7;
	border-radius: 14px;
	overflow: hidden;
	box-sizing: border-box;
}

/* Reset box sizing binnen FAQ */

.wk-faq,
.wk-faq *,
.wk-faq *::before,
.wk-faq *::after {
	box-sizing: border-box;
}

/* Item */

.wk-faq__item {
	width: 100%;
	background: #ffffff;
	border-bottom: 1px solid #d9dee7;
}

.wk-faq__item:last-child {
	border-bottom: 0;
}

/* Vraag */

.wk-faq__question {
	position: relative;
	display: block;
	width: 100%;
	margin: 0;
	padding: 18px 56px 18px 24px;
	list-style: none;
	cursor: pointer;
	background: #ffffff;
	color: #0f172a;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.35;
	overflow-wrap: break-word;
	transition: background 0.2s ease, color 0.2s ease;
}


/* Marker verwijderen */

.wk-faq__question::-webkit-details-marker {
	display: none;
}

/* Hover alleen op de vraag */

.wk-faq__question:hover {
	background: #fafbfc;
}

/* Chevron */

.wk-faq__question::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 22px;
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 16px 16px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%230f172a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	transform: translateY(-50%) rotate(0deg);
	transform-origin: center;
	transition: transform 0.25s ease;
}

/* Chevron hover */

.wk-faq__question:hover::after {
	transform: translateY(-50%) translateX(2px);
}

/* Open state */

.wk-faq__item[open] .wk-faq__question::after {
	transform: translateY(-50%) rotate(180deg);
}

/* Antwoord wrapper, alleen height animeren */

.wk-faq__answer {
	width: 100%;
	height: 0;
	overflow: hidden;
	transition: height 0.3s ease;
	will-change: height;
}

/* Inner wrapper, hier zit alle spacing */

.wk-faq__answer-inner {
	width: 100%;
	padding: 4px 56px 20px 24px;
	color: #556274;
	font-size: 14px;
	line-height: 1.7;
	overflow-wrap: break-word;
	word-break: normal;
}

/* Paragrafen */

.wk-faq__answer-inner p {
	margin: 0 0 14px;
}

.wk-faq__answer-inner p:last-child {
	margin-bottom: 0;
}

/* Links */

.wk-faq__answer-inner a {
	color: inherit;
	text-decoration: underline;
}

/* Highlight fix */

.wk-faq__question mark,
.wk-faq__answer mark {
	background: transparent;
	color: inherit;
	padding: 0;
}


/* ========================================
   404
======================================== */

/* foutief url blokje */


.wookomma-path{
    background:#2b2d3a;
    color:#fff;
    padding:4px 10px;
    border-radius:6px;
    font-family: "JetBrains Mono", monospace;
}