/*
 * .entry-content – Rückwärtskompatibilität für Bestandsinhalte.
 * Ziel: alte Classic-Editor-, Gutenberg- und SiteOrigin-Inhalte bleiben
 * lesbar und werden NICHT neu gespeichert. Robuste, defensive Styles.
 */

.entry-content {
	font-size: var(--wp--preset--font-size--medium);
	line-height: 1.7;
	color: var(--wp--preset--color--contrast);
}

/* Lesbare Zeilenlänge, aber breite Medien dürfen ausbrechen. */
.entry-content > * {
	max-width: 44rem;
	margin-inline: auto;
}
.entry-content > .alignwide,
.entry-content > .wp-block-image.alignwide,
.entry-content > figure,
.entry-content > .wp-block-embed,
.entry-content > table,
.entry-content > .sp-panels-fallback {
	max-width: 60rem;
}
.entry-content > .alignfull { max-width: none; }

.entry-content p { margin: 0 0 1.25em; }
.entry-content h2 { margin: 2em 0 0.6em; }
.entry-content h3 { margin: 1.6em 0 0.5em; }

/* Bilder + Captions – kein erzwungenes Einheitsformat. */
.entry-content img { height: auto; border-radius: var(--sp-radius); }
.entry-content figure { margin: 1.75em auto; }
.entry-content figcaption,
.entry-content .wp-caption-text {
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--contrast-2);
	margin-top: 0.5em;
	text-align: left;
}
/* Alte, ungewrappte Bild-Captions (Classic Editor) sichtbar halten. */
.entry-content .wp-caption { max-width: 100% !important; height: auto; }

/* Blockquotes. */
.entry-content blockquote {
	border-left: 4px solid var(--wp--preset--color--accent);
	padding: 0.25em 0 0.25em 1.25em;
	margin: 1.75em auto;
	font-style: italic;
}

/* Breite Tabellen horizontal scrollbar statt Layout-Bruch. */
.entry-content table {
	display: block;
	overflow-x: auto;
	width: 100%;
	border-collapse: collapse;
	font-size: var(--wp--preset--font-size--small);
}
.entry-content th,
.entry-content td {
	border: 1px solid var(--wp--preset--color--line);
	padding: 0.5em 0.75em;
	text-align: left;
}

/* Responsive Embeds (YouTube/Vimeo/Spotify/Twitter/…), auch alte iframes. */
.entry-content iframe { max-width: 100%; }
.entry-content .wp-block-embed__wrapper,
.entry-content .sp-embed {
	position: relative;
}
/* Alte, feste iframe-Grössen ohne Wrapper → nicht überlaufen. */
.entry-content > iframe,
.entry-content p > iframe { width: 100%; aspect-ratio: 16 / 9; height: auto; }

/* Galerien (alt + neu). */
.entry-content .gallery {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
	gap: 0.75rem;
	margin: 1.75em auto;
}
.entry-content .gallery img { width: 100%; }

/* Manuell eingefügte Buttons (Classic) nicht kaputt aussehen lassen. */
.entry-content a.button,
.entry-content .btn {
	display: inline-block;
	background: var(--wp--preset--color--accent);
	color: #fff !important;
	padding: 0.6em 1.1em;
	border-radius: var(--sp-radius);
	text-decoration: none;
}

/* Fallback für unbekannte Shortcodes, die als Rohtext übrig bleiben. */
.entry-content .sp-shortcode-fallback {
	display: block;
	padding: 0.75em 1em;
	background: var(--wp--preset--color--base-2);
	border: 1px dashed var(--wp--preset--color--line);
	border-radius: var(--sp-radius);
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--contrast-2);
}

/* SiteOrigin-Panels-Reste ohne aktives Plugin nicht zerbrechen. */
.entry-content .panel-grid { display: block; }
.entry-content .panel-grid-cell { max-width: 100%; }