/* =========================================================
   Comunidade — Perguntas Frequentes
   ========================================================= */

.tsg-faq {
	scroll-margin-top: calc(var(--tsg-altura-cabecalho) + var(--wp--preset--spacing--20));
	background: var(--wp--preset--color--fundo-neblina);
}

.tsg-faq__lista {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--20);
}

.tsg-faq__item,
.tsg-faq__lista .wp-block-details {
	margin: 0;
	padding: 0;
	border: 1px solid var(--wp--custom--linha);
	border-radius: var(--wp--custom--raio);
	background: var(--wp--preset--color--branco);
	box-shadow: 0 10px 40px color-mix(in srgb, var(--wp--preset--color--fundo-escuro) 6%, transparent);
	overflow: hidden;
	transition: box-shadow 280ms var(--wp--custom--ease-out);
}

.tsg-faq__item[open],
.tsg-faq__lista .wp-block-details[open] {
	box-shadow: var(--wp--custom--sombra);
}

.tsg-faq__item > summary,
.tsg-faq__lista .wp-block-details > summary {
	position: relative;
	display: block;
	padding: clamp(18px, 3vw, 24px) clamp(48px, 6vw, 64px) clamp(18px, 3vw, 24px) clamp(20px, 3vw, 28px);
	color: var(--wp--preset--color--fundo-escuro);
	font-family: var(--wp--preset--font-family--titulo);
	font-size: var(--wp--preset--font-size--headline-sm);
	font-weight: 700;
	line-height: 1.25;
	cursor: pointer;
	list-style: none;
}

.tsg-faq__item > summary strong,
.tsg-faq__lista .wp-block-details > summary strong {
	font-weight: 700;
}

.tsg-faq__item > summary::-webkit-details-marker,
.tsg-faq__lista .wp-block-details > summary::-webkit-details-marker {
	display: none;
}

.tsg-faq__item > summary::after,
.tsg-faq__lista .wp-block-details > summary::after {
	content: "";
	position: absolute;
	top: 50%;
	right: clamp(18px, 3vw, 24px);
	width: 12px;
	height: 12px;
	border-right: 2px solid var(--wp--preset--color--marca);
	border-bottom: 2px solid var(--wp--preset--color--marca);
	transform: translateY(-70%) rotate(45deg);
	transition: transform 240ms var(--wp--custom--ease-out);
}

.tsg-faq__item[open] > summary::after,
.tsg-faq__lista .wp-block-details[open] > summary::after {
	transform: translateY(-20%) rotate(225deg);
}

.tsg-faq__item > :not(summary),
.tsg-faq__lista .wp-block-details > :not(summary) {
	padding: 0 clamp(20px, 3vw, 28px) clamp(20px, 3vw, 28px);
}

.tsg-faq__item p,
.tsg-faq__lista .wp-block-details p {
	margin: 0;
	color: var(--wp--custom--texto-suave);
	font-size: var(--wp--preset--font-size--body-lg);
	line-height: 1.56;
	text-wrap: pretty;
}

@media (prefers-reduced-motion: reduce) {
	.tsg-faq__item,
	.tsg-faq__lista .wp-block-details,
	.tsg-faq__item > summary::after,
	.tsg-faq__lista .wp-block-details > summary::after {
		transition: none;
	}
}