/* =========================================================
   Borges & Hoffmann — Sanfona (accordion) para o bloco FAQ do
   Rank Math (rank-math/faq-block). Depende das variáveis globais
   de borges-hoffmann-patterns.css (enfileirado como dependência).
   As classes .rank-math-* são geradas pelo próprio bloco do
   Rank Math, não pelo tema.
   ========================================================= */

.rank-math-list {
	list-style: none;
	margin: 32px 0;
	padding: 0;
	border: 1px solid var(--bh-cinza-borda);
	border-radius: 16px;
	overflow: hidden;
	background-color: var(--bh-branco);
}

.rank-math-list-item {
	border-bottom: 1px solid var(--bh-cinza-borda);
}

.rank-math-list-item:last-child {
	border-bottom: none;
}

.rank-math-question {
	position: relative;
	margin: 0;
	padding: 20px 60px 20px 24px;
	font-family: var(--bh-font-heading);
	font-size: 17px;
	font-weight: 700;
	color: var(--bh-quase-preto);
	cursor: pointer;
	line-height: 1.4;
}

.rank-math-question::after {
	content: "+";
	position: absolute;
	right: 20px;
	top: 20px;
	width: 28px;
	height: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--bh-verde-suave);
	color: var(--bh-verde-dark);
	font-size: 18px;
	font-weight: 700;
	border-radius: 50%;
	transition: transform 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}

.rank-math-list-item.is-open .rank-math-question::after {
	content: "\2212";
	background-color: var(--bh-verde);
	color: var(--bh-branco);
}

.rank-math-answer {
	display: none;
	margin: 0;
	padding: 0 24px 20px;
	font-size: 15px;
	line-height: 1.6;
	color: var(--bh-quase-preto);
	opacity: 0.8;
}

.rank-math-list-item.is-open .rank-math-answer {
	display: block;
}

@media (max-width: 600px) {
	.rank-math-question {
		font-size: 16px;
		padding: 16px 52px 16px 18px;
	}

	.rank-math-answer {
		padding: 0 18px 16px;
	}
}