/* RC Widget — FAQ Accordion. Scoped under .rcw-faq-accordion.
   Card-per-question look copied from the ToGO Rijopleidingen FAQ (Divi toggles):
   grey rounded panel, 20px padding, 15px gap, white when open, +/- on the right.
   Fonts and the toggle icon inherit the site's Salient tokens. */

/* ===== .rcw-faq-accordion Salient-proof reset (token bridge) ===== */
.rcw-faq-accordion{
	--rcw-faq-bg:#f9f9f9;
	--rcw-faq-bg-open:#fff;
	--rcw-faq-pad:20px;
	--rcw-faq-gap:15px;
	--rcw-faq-radius:5px;
	box-sizing:border-box;
	padding:0;
	margin:0;
	font-family:var(--rcw-font-body,'Poppins',Helvetica,Arial,sans-serif);
	font-weight:var(--rcw-fweight-body,400);
	letter-spacing:0;
	line-height:1.7em;
	color:var(--rcw-text,#000);
	-webkit-font-smoothing:antialiased;
}
.rcw-faq-accordion *,
.rcw-faq-accordion *::before,
.rcw-faq-accordion *::after{box-sizing:inherit}
.rcw-faq-accordion p{margin:0;padding:0;font-size:1em;line-height:1.7em;color:inherit}
.rcw-faq-accordion a{text-decoration:none;box-shadow:none;border:0;transition:none}
.rcw-faq-accordion ul,
.rcw-faq-accordion ol{margin:0;padding:0 0 0 1.2em;line-height:1.7em}
.rcw-faq-accordion img{display:block;max-width:100%;height:auto;margin:0}

.rcw-faq-accordion__list{
	display:grid;
	grid-template-columns:1fr;
	gap:var(--rcw-faq-gap);
	align-items:start;
}
.rcw-faq-accordion--cols2 .rcw-faq-accordion__list{
	grid-template-columns:repeat(2,minmax(0,1fr));
	column-gap:30px;
}
@media only screen and (max-width:980px){
	.rcw-faq-accordion--cols2 .rcw-faq-accordion__list{grid-template-columns:1fr;column-gap:var(--rcw-faq-gap)}
}

/* The panel itself. overflow:hidden keeps the radius clean while the answer animates. */
.rcw-faq-accordion__item{
	background:var(--rcw-faq-bg);
	border:0;
	border-radius:var(--rcw-faq-radius);
	padding:var(--rcw-faq-pad);
	overflow:hidden;
	transition:background-color .25s ease;
}
.rcw-faq-accordion__item[open]{
	background:var(--rcw-faq-bg-open);
}

/* summary carries the click target — kill the native marker in every engine. */
.rcw-faq-accordion__title{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:20px;
	cursor:pointer;
	list-style:none;
	position:relative;
	margin:0;
	padding:0;
	outline-offset:3px;
}
.rcw-faq-accordion__title::-webkit-details-marker{display:none}
.rcw-faq-accordion__title::marker{content:''}

.rcw-faq-accordion__question{
	font-family:var(--rcw-font-heading,'Poppins',Helvetica,Arial,sans-serif);
	font-size:16px;
	font-weight:var(--rcw-fweight-heading,600);
	line-height:1.2em;
	color:var(--rcw-text,#000);
	word-wrap:break-word;
	min-width:0;
}

/* Plus / minus drawn in CSS — no icon font needed, so it survives any theme. */
.rcw-faq-accordion__icon{
	flex:0 0 auto;
	position:relative;
	width:20px;
	height:20px;
	margin-top:1px;
	color:var(--rcw-color-1,#000);
}
.rcw-faq-accordion__icon::before,
.rcw-faq-accordion__icon::after{
	content:'';
	position:absolute;
	top:50%;
	left:50%;
	width:16px;
	height:2px;
	background:currentColor;
	transform:translate(-50%,-50%);
	transition:transform .25s ease,opacity .25s ease;
}
.rcw-faq-accordion__icon::after{transform:translate(-50%,-50%) rotate(90deg)}
.rcw-faq-accordion__item[open] .rcw-faq-accordion__icon::after{
	transform:translate(-50%,-50%) rotate(0deg);
	opacity:0;
}

.rcw-faq-accordion__answer{
	padding-top:var(--rcw-faq-pad);
	font-size:14px;
	font-weight:300;
	line-height:1.7em;
	color:var(--rcw-text,#000);
	word-wrap:break-word;
}
.rcw-faq-accordion__answer p{margin:0 0 1em}
.rcw-faq-accordion__answer p:last-child{margin-bottom:0;padding-bottom:0}
.rcw-faq-accordion__answer a{color:var(--rcw-link,var(--rcw-color-1,#0b50c5))}

/* Height animation, added by script.js only when it can measure. Without JS the
   panel still opens instantly — native <details> behaviour. */
.rcw-faq-accordion__item.is-animating .rcw-faq-accordion__answer{
	overflow:hidden;
}

@media (prefers-reduced-motion:reduce){
	.rcw-faq-accordion__item,
	.rcw-faq-accordion__icon::before,
	.rcw-faq-accordion__icon::after{transition:none}
}