/**
 * MS FAQ Accordion — akordeon na bloku FAQ Rank Math.
 * Schema (JSON-LD) generowana przez Rank Math pozostaje nietknięta —
 * to tylko warstwa wizualna na froncie.
 */

#rank-math-faq .rank-math-list-item {
	border: 1px solid var(--wp--preset--color--tertiary, #e5e5e5);
	border-radius: 8px;
	margin-bottom: 0.75rem;
	overflow: hidden;
}

/* Pytanie = przycisk akordeonu */
#rank-math-faq .rank-math-question {
	margin: 0;
	padding: 1rem 3rem 1rem 1.25rem;
	cursor: pointer;
	position: relative;
	user-select: none;
	transition: background-color 0.2s ease;
}

#rank-math-faq .rank-math-question:hover {
	background-color: var(--wp--preset--color--base-2, rgba(0,0,0,0.03));
}

/* Focus dla dostępności (nawigacja klawiaturą) */
#rank-math-faq .rank-math-question:focus-visible {
	outline: 2px solid var(--wp--preset--color--primary, #0073aa);
	outline-offset: -2px;
}

/* Ikona +/− */
#rank-math-faq .rank-math-question::after {
	content: "";
	position: absolute;
	right: 1.25rem;
	top: 50%;
	width: 12px;
	height: 12px;
	transform: translateY(-50%);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='3'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
	transition: transform 0.25s ease;
}

#rank-math-faq .rank-math-question.is-open::after {
	transform: translateY(-50%) rotate(45deg);
}

/* Odpowiedź — animowane rozwijanie przez grid-rows (płynne, bez znanej wysokości) */
#rank-math-faq .rank-math-answer {
	display: grid;
	grid-template-rows: 0fr;
	transition: grid-template-rows 0.3s ease;
}

#rank-math-faq .rank-math-question.is-open + .rank-math-answer {
	grid-template-rows: 1fr;
}

#rank-math-faq .rank-math-answer > * {
	overflow: hidden;
	min-height: 0;
	margin: 0;
	padding: 0 1.25rem;
}

#rank-math-faq .rank-math-question.is-open + .rank-math-answer > * {
	padding-bottom: 1.25rem;
}

/* Brak JS — pokaż wszystko (graceful degradation) */
.no-js #rank-math-faq .rank-math-answer {
	grid-template-rows: 1fr;
}