/*
 * blocks.css — Mapping der Gutenberg-Core-Block-Ausgabe (wp-block-*) auf die bestehenden
 * Komponenten (Buttons, Cards, Akkordeon). Geladen für Frontend UND Editor (add_editor_style).
 * Ziel: Block-Module erben das Landing-Design, Original-CSS (main.css) bleibt unberührt.
 */

/* ---- Buttons: core/button übernimmt die .btn-primary-Optik ---- */
.wp-block-button__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 0.75rem 1.5rem;
	border-radius: 0.5rem;
	font-weight: 600;
	color: #fff;
	background: linear-gradient(135deg, #F7AC23, #e69520);
	box-shadow: 0 4px 14px 0 rgba(247, 172, 35, 0.2);
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.wp-block-button__link:hover,
.wp-block-button__link:focus {
	transform: translateY(-3px) scale(1.02);
	box-shadow: 0 12px 35px 0 rgba(247, 172, 35, 0.4);
	background: linear-gradient(135deg, #e69520, #F7AC23);
	color: #fff;
}
/* Sekundär: core/button is-style-outline -> Primary-Outline */
.wp-block-button.is-style-outline .wp-block-button__link {
	background: transparent;
	color: #2C4969;
	border: 2px solid #2C4969;
	box-shadow: none;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
	background: #2C4969;
	color: #fff;
}

/* ---- FAQ-Akkordeon: core/details wie die bestehenden FAQ-Items ---- */
.wp-block-details {
	background: #fff;
	border-radius: 0.5rem;
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
	margin-bottom: 1rem;
	overflow: hidden;
}
.wp-block-details summary {
	position: relative;
	padding: 1.5rem 3rem 1.5rem 1.5rem;
	font-size: 1.125rem;
	font-weight: 600;
	color: #111827;
	cursor: pointer;
	list-style: none;
}
.wp-block-details summary::-webkit-details-marker { display: none; }
.wp-block-details summary::after {
	content: "";
	position: absolute;
	right: 1.5rem;
	top: 1.6rem;
	width: 0.6rem;
	height: 0.6rem;
	border-right: 2px solid #6b7280;
	border-bottom: 2px solid #6b7280;
	transform: rotate(45deg);
	transition: transform 0.2s ease;
}
.wp-block-details[open] summary::after { transform: rotate(-135deg); }
.wp-block-details > :not(summary) {
	padding: 0 1.5rem 1.5rem;
	color: #374151;
	line-height: 1.7;
}

/* ---- Bilder: optionale runde Ecken (per className "is-rounded") ---- */
.wp-block-image.is-rounded img { border-radius: 1rem; }

/* ---- Abstand zwischen den Block-Modulen einer Leistung/eines Beitrags ---- */
.leistung-content > * + * { margin-top: 3rem; }
/* Höhere Spezifität, damit ein modul-eigenes my-0 (Tailwind) den Abstand nicht aufhebt. */
.leistung-content > .leistung-module:not(:first-child) { margin-top: 3rem; }

/* ---- 100%-Text-Module (core/group): lesefreundliche Zeilenbreite, linksbündig ---- */
.leistung-content > .wp-block-group.leistung-module { max-width: 800px; margin-right: auto; }

@media (prefers-reduced-motion: reduce) {
	.wp-block-button__link,
	.wp-block-details summary::after { transition: none; }
}