/** singulary-ui/immobilie-beschreibung — Disclosure, kollabiert auf ~6 Zeilen mit Fade. */

.fyh-desc { position: relative; scroll-margin-top: 6.5rem; }
.fyh-desc__body { position: relative; max-height: 10.5em; overflow: hidden; transition: max-height .4s ease; }
.fyh-desc__body > :first-child { margin-top: 0; }
/* Sanfter Verlauf am Abschnitt-Ende (auf Seiten-Hintergrund = base) */
.fyh-desc__body::after {
	content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2.75em; pointer-events: none;
	background: linear-gradient( to bottom, transparent, var(--wp--preset--color--base, #fff ) );
	transition: opacity .3s ease;
}
.fyh-desc.is-expanded .fyh-desc__body { max-height: 240em; }
.fyh-desc.is-expanded .fyh-desc__body::after { opacity: 0; }

.fyh-desc__toggle {
	display: inline-flex; align-items: center; gap: .4rem; margin-top: 1.1rem;
	padding: .58rem 1.15rem; border-radius: 999px; cursor: pointer;
	border: 1px solid var(--wp--preset--color--hairline);
	background: var(--wp--preset--color--base);
	font-size: .88rem; font-weight: 600; letter-spacing: .01em;
	color: var(--wp--preset--color--ink);
	transition: border-color .18s ease, background .18s ease, transform .18s ease;
}
.fyh-desc__toggle:hover { border-color: var(--wp--preset--color--ink); transform: translateY( -1px ); }
.fyh-desc__toggle::after { content: "\2193"; }
.fyh-desc.is-expanded .fyh-desc__toggle::after { content: "\2191"; }

@media ( prefers-reduced-motion: reduce ) {
	.fyh-desc__body, .fyh-desc__body::after, .fyh-desc__toggle { transition: none; }
}