/* Yoast FAQ + „read-more" accordion (pm-core örökség).
   A nyíl tiszta CSS-chevron — a pm-core dashicons-megoldása ({content:"\f347"})
   a frontenden nem működne, mert a dashicons font vendégnek nincs betöltve.
   A rejtő szabályok csak .faq-js alatt élnek (a JS adja rá) — JS nélkül minden látható. */

.schema-faq-section,
.read-more {
	padding-top: 1em;
	padding-bottom: 1em;
	border-bottom: 1px solid var(--wp--preset--color--primary);
}

.schema-faq-section .schema-faq-question,
.read-more h3 {
	cursor: pointer;
	position: relative;
	display: block;
	padding-right: 40px;
	font-size: 18px;
	line-height: 28px;
}

/* Chevron */
.schema-faq-section .schema-faq-question::after,
.read-more h3::after {
	content: "";
	position: absolute;
	right: 12px;
	top: 6px;
	width: 10px;
	height: 10px;
	border-right: 2px solid var(--wp--preset--color--primary);
	border-bottom: 2px solid var(--wp--preset--color--primary);
	transform: rotate(45deg);
	transition: transform 0.3s ease;
}
.schema-faq-section.opened .schema-faq-question::after,
.read-more.opened h3::after {
	transform: rotate(225deg);
	top: 10px;
}

/* Zárt állapot — csak JS-sel */
.faq-js .schema-faq-answer,
.read-more.faq-js .more-txt {
	display: none;
}
.faq-js .schema-faq-section.opened .schema-faq-answer,
.read-more.faq-js.opened .more-txt {
	display: block;
}
.read-more.faq-js.opened .txt {
	display: none;
}
