/* page contact, FAQ wrapper */
#faq {
	position: sticky;
	top: -9rem;
}

#faq .faq_title {
	margin-top: 0;
	color: var(--wp--preset--color--contrast);
	font-weight: 800;
	font-size: var(--wp--preset--font-size--xl);
}
#faq {
	padding-top: 10.5rem;
	padding-left: 0;
	margin: 0;
}

@media screen and (max-width: 960px){
	#faq { padding-top: 0 }
}

.eco-faq-items {
	display: flex;
	flex-direction: column;
	padding: 0;
}

/* .eco-faq-item > details > p {
	white-space: preserve-breaks;
} */

/* FAQ items */
.eco-faq-item {
	border-top: 1px solid var(--wp--custom--color--primary--100);
	border-bottom: 1px solid var(--wp--custom--color--primary--100);
	padding: 26px 42px;
	font-size: var(--wp--preset--font-size--m);
	list-style: none;
} 

.eco-faq-item + .eco-faq-item {
	border-top: none;
}

.eco-faq-items--grande-collecte .eco-faq-item {
	padding: 26px 0;
}

.eco-faq-item summary {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	font-size: var(--wp--preset--font-size--l);
	font-weight: 800;
	list-style-type: none;
}

.eco-faq-item summary:hover { cursor: pointer }
.eco-faq-item summary:after {
	content: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' aria-hidden='true' width='24' height='24' stroke='%232A2C2B' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' overflow='visible' name='plus' class='undefined standard standard-plus'%3E%3Cpath d='M12 5v14M5 12h14'%3E%3C/path%3E%3C/svg%3E");
	display: flex;
	justify-content: center;
	align-items: center;
	height: 52px;
	width: 52px;
	min-width: 52px;
	margin-left: var(--wp--preset--spacing--40);
	line-height: 0.8;
	border-radius: 8px;
	background-color: var(--wp--custom--color--primary--050);
}

.eco-faq-items--grande-collecte .eco-faq-item summary:after {
	background-color: transparent;
	filter: brightness(0) saturate(100%) invert(13%) sepia(97%) saturate(4121%) hue-rotate(169deg) brightness(93%) contrast(88%);
}

.eco-faq-item details[open] > summary:after {
	content: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' aria-hidden='true' width='24' height='24' stroke='%232A2C2B' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' overflow='visible' name='minus' class='undefined standard standard-minus'%3E%3Cpath d='M5 12h14'%3E%3C/path%3E%3C/svg%3E") }

.eco-faq-item details[open] > summary {
	margin-bottom: var(--wp--preset--spacing--40);
}

summary::-webkit-details-marker {
	display: none!important;
	content: ""!important;
}

@media all and (max-width: 768px) {
	.eco-faq-item {
		padding: 26px 0;
	}
}