/*
 * acf/hidden-text - FAQ на <details>.
 * Сток: белая карточка со скруглением 25px (на тёмной теме гасится в прозрачную,
 * остаётся голый текст). Делаем аккордеон-карточки как в референсе.
 */

main .hidden-text {
	margin: 0 0 10px;
	max-width: 100%;
}

main .hidden-text_faq {
	background-color: var(--gs-surface);
	border: 1px solid var(--gs-line);
	border-radius: var(--gs-radius);
	box-shadow: none;
	margin-top: 0;
	max-width: 100%;
	padding: 0;
	transition: border-color .2s var(--gs-ease);
}

main .hidden-text_faq:hover {
	border-color: var(--gs-line-strong);
}

main .hidden-text_faq[open] {
	background-color: var(--gs-surface);
	border-color: var(--gs-line-strong);
}

main .hidden-text_faq .hidden-text__title {
	border-bottom: none;
	color: var(--gs-text);
	cursor: pointer;
	font-size: 1.02rem !important;
	font-weight: 600;
	line-height: 1.45;
	list-style: none;
	padding: 16px 56px 16px 20px;
	position: relative;
}

main .hidden-text_faq .hidden-text__title::-webkit-details-marker {
	display: none;
}

/* Стрелка аккордеона: своя, стоковую псевдоэлементом гасим. */
main .hidden-text_faq .hidden-text__title::after {
	border-bottom: 2px solid var(--gs-accent);
	border-right: 2px solid var(--gs-accent);
	content: "";
	height: 9px;
	position: absolute;
	right: 22px;
	top: 50%;
	transform: translateY(-70%) rotate(45deg);
	transition: transform .25s var(--gs-ease);
	width: 9px;
}

main .hidden-text_faq[open] .hidden-text__title::after {
	transform: translateY(-30%) rotate(-135deg);
}

main .hidden-text_faq .hidden-text__content {
	color: var(--gs-body);
	padding: 0 20px 18px;
}

main .hidden-text_faq .hidden-text__content p + p {
	margin-top: 12px;
}