/* =================================================================
   File: inc/elementor/widgets/faq-accordion/style.css
   ================================================================= */
.liqui-faq { padding-block: var(--space-5); }
/* Tighten the gap between the "Frequently asked questions" heading and
   the first question (the shared widget heading is roomier than the FAQ
   list needs). */
.liqui-faq .liqui-widget-heading { margin-bottom: var(--space-3); }
.liqui-faq__list { display: grid; gap: var(--space-2); }
.liqui-faq__item { padding: 0; overflow: hidden; }
.liqui-faq__q {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-3);
	padding: 16px 20px;
	cursor: pointer;
	list-style: none;
	font-weight: var(--fw-semi);
	color: var(--c-ink);
}
.liqui-faq__q::-webkit-details-marker { display: none; }
.liqui-faq__item:hover .liqui-faq__q { color: var(--c-accent); }
.liqui-faq__chev {
	display: inline-block;
	transition: transform var(--dur) var(--ease);
	color: var(--c-ink-muted);
}
.liqui-faq__item[open] .liqui-faq__chev { transform: rotate(-180deg); color: var(--c-accent); }
.liqui-faq__a {
	padding: 0 20px 20px;
	color: var(--c-ink-muted);
	line-height: 1.6;
}
.liqui-faq__a p:last-child { margin-bottom: 0; }