/* Perfect Hair FAQ – sidebar links, content rechts */
.faq-lijst {
	width: 100%;
}

.faq-lijst-inner {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 1.5rem;
	align-items: flex-start;
	direction: ltr; /* Sidebar altijd links, ook op RTL-pagina's */
}

.faq-lijst-sidebar {
	flex: 0 0 auto;
	order: 0;
	min-width: 200px;
	max-width: 280px;
}

.faq-lijst-sidebar .faq-lijst-filter-title {
	margin: 0 0 0.75rem;
	font-size: 1rem;
	font-weight: 700;
}

.faq-lijst-filter-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.faq-lijst-filter-item {
	margin: 0;
	padding: 0.25rem 0;
}

.faq-lijst-filter-item label {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	cursor: pointer;
	font-weight: 400;
}

.faq-lijst-filter-item .faq-lijst-checkbox {
	flex-shrink: 0;
	margin: 0;
}

.faq-lijst-content {
	flex: 1 1 0;
	order: 1;
	min-width: 0;
}

.faq-lijst-categorie {
	margin-bottom: 1.5rem;
}

.faq-lijst-categorie-titel {
	margin: 0 0 0.5rem;
}

.faq-lijst-items {
	margin: 0;
	padding-left: 1.25rem;
}

.faq-lijst-item {
	margin: 0.25rem 0;
}

/* Debug: taalindicator voor Overig */
.faq-lijst-lang-debug {
	font-size: 0.75em;
	opacity: 0.7;
	color: #666;
	margin-left: 0.25rem;
}

/* Productpagina variant: geen sidebar, compacte lijst */
.faq-product {
	margin-top: 2rem;
}

.faq-product .faq-product-title {
	margin: 0 0 0.75rem;
	font-size: 1.125rem;
	font-weight: 700;
}

.faq-product .faq-product-empty {
	margin: 0;
	color: #666;
	font-style: italic;
}