/**
 * Zu-/Aufklappbare Angebots-Karten (Yellow & Blue Angebote).
 * Ohne JS (oder vor dem Lauf) bleibt der Karten-Inhalt sichtbar —
 * erst JS klappt die Karten zusammen (progressive enhancement).
 */
.ybo-card-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}
.ybo-card-head .wp-block-heading {
	margin: 0;
}
.ybo-card-toggle {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	border: 0;
	background: none;
	padding: 6px 10px;
	color: inherit;
	font: inherit;
	font-size: 0.85em;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	cursor: pointer;
	flex: none;
}
.ybo-card-toggle-icon {
	display: inline-block;
	width: 0.6em;
	height: 0.6em;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(45deg); /* Pfeil nach unten (zugeklappt) */
	transition: transform 0.18s ease;
	margin-top: -2px;
}
.ybo-card-toggle[aria-expanded="true"] .ybo-card-toggle-icon {
	transform: rotate(-135deg); /* Pfeil nach oben (aufgeklappt) */
}
/* Zugeklappt (Standard unter JS): Inhalt ausblenden. */
.ybo-card.ybo-collapsed .ybo-card-body {
	display: none;
}

/* Aufklappen darf die Nachbarkarte in derselben Zeile nicht mithuben:
   Spalten oben ausrichten, statt sie auf Zeilenhöhe zu strecken.
   !important übersteuert die Theme-Regel .ybo-cards{align-items:stretch}. */
.ybo-cards {
	align-items: start !important;
}

@media (prefers-reduced-motion: reduce) {
	.ybo-card-toggle-icon {
		transition: none;
	}
}