/**
 * Block-Stile – geladen im Frontend und im Editor-Canvas.
 * Was sich in theme.json ausdrücken lässt, steht dort.
 */

/* Editor-Canvas: gleicher Seitenabstand wie im Frontend */
body.editor-styles-wrapper {
	padding-inline: clamp(1.25rem, 4vw, 2.5rem);
}

/* Lesbare Zeilenlänge: Fliesstext nicht über die volle Breite, linksbündig
   (im Editor zentriert das Core-Layout sonst mit !important) */
:is(.entry-content, .is-root-container) > :is(p, ul, ol) {
	max-width: 52rem;
	margin-left: 0 !important;
}

/* Abstand vor Zwischentiteln */
:is(.entry-content, .is-root-container) > :is(h2, h3):not(:first-child) {
	margin-top: var(--wp--preset--spacing--50);
}

:is(.entry-content, .is-root-container) > h1 {
	margin-top: 0;
}

/* Titel-Stil «Grossbuchstaben» (Startseite, wie bisher) */
.is-style-uppercase {
	font-weight: 400;
	letter-spacing: 0.01em;
	text-transform: uppercase;
}

/* Datei-Block: Hover wie Buttons */
.wp-block-file .wp-block-file__button:hover {
	background: var(--wp--preset--color--dark);
}

/* Icon (Bild-Stil «Icon»): Piktogramme klein */
.wp-block-image.is-style-icon {
	margin-bottom: 0.75rem;
}

.wp-block-image.is-style-icon img {
	width: 3.5rem;
	height: 3.5rem;
	object-fit: contain;
}

/* Vorteile: Titel direkt unter dem Icon, Text direkt unter dem Titel */
.wp-block-column > .wp-block-image.is-style-icon + h3 {
	margin-top: 0;
}

.wp-block-column > h3 + p {
	margin-top: 0.375rem;
}

/* Spalten mit Abstand zwischen den Reihen */
.wp-block-columns {
	gap: 1.5rem clamp(2rem, 5vw, 4rem);
}

:is(.entry-content, .is-root-container) > .wp-block-columns + .wp-block-columns {
	margin-top: var(--wp--preset--spacing--40);
}

/* Bilder */
.wp-block-image img {
	vertical-align: bottom;
}

.wp-block-image.aligncenter {
	margin-inline: auto;
}

/* Tabellen */
.wp-block-table td,
.wp-block-table th {
	border-color: var(--wp--preset--color--line);
	padding: 0.5rem 0.75rem;
}

/* Datei-Block */
.wp-block-file .wp-block-file__button {
	border-radius: 3px;
	background: var(--wp--preset--color--blue);
	font-size: var(--wp--preset--font-size--small);
}



/* AF Slider */
.af-slider .wp-block-image img {
	max-width: 100%;
	width: 100%;
	display: block;
}

.wp-block-af-slider {
	--swiper-navigation-color: #169fdb;
	--swiper-pagination-color: #169fdb;
}

/* Charts */
@media only screen and (min-width: 1130px) {
	figure#chart {
		width: 65%;
	}
}