/* sw-faq.css — FAQ-Feinschliff (nur Canvas-Seiten, vom Plugin geladen).
 *
 * Sichtbarkeit der Antwort-Panels rein ueber data-state:
 *  - Antwort-Panels der Lovable-Accordions tragen die Klassen animate-accordion-*.
 *  - Standard = geschlossen (display:none). Das deckt auch den Zustand direkt nach
 *    dem Laden ab, BEVOR sw-faq.js laeuft (die Block-Umwandlung hatte data-state vom
 *    Panel entfernt -> sonst waeren alle Antworten kurz offen sichtbar).
 *  - Nur data-state="open" zeigt das Panel; die vorhandene CSS-Animation
 *    (animate-accordion-down) spielt dann ab.
 */
[class*="animate-accordion"] {
	display: none;
}

/* Offen: Inhalt in voller Hoehe zeigen. Die von Lovable geerbte Keyframe-Animation
 * (accordion-down -> Hoehe auf eine fixe Variable) wird hier neutralisiert, weil sie
 * im Canvas-Weg auf 0 stand und das Panel leer wirken liess. Zuverlaessiges Auf/Zu
 * geht vor pixelglatter Animation. */
[class*="animate-accordion"][data-state="open"] {
	display: block;
	height: auto !important;
	animation: none !important;
}

/* FAQ-Spalte zentrieren: der max-w-3xl-Container der FAQ hat kein mx-auto -> nach
 * dem Breiten-Fix saesse er linksbuendig. sw-faq.js markiert genau diese Spalte.
 * Gescopt auf .sw-faq-col -> kein Einfluss auf andere max-w-*-Container. */
.sw-faq-col {
	margin-left: auto;
	margin-right: auto;
}