/*
 * Sezi Blog – Gutenberg-Inhalte der Blogbeiträge (Frontend + Block-Editor).
 * Alle Werte stammen aus den Divi-Variablen (--gvid-sz-*) und globalen Farben (--gcid-*).
 * Abstände ausschließlich über Flex/Grid-Gap; Padding nur als Innenabstand von Boxen.
 *
 * Farben: --gcid-heading-color (Tinte), --gcid-primary-color (Pink), --gcid-secondary-color (Pink dunkel)
 *   Papier 2 = --gcid-8a0324fc-0338-4e3b-8227-fcf1a9c39fff
 *   Text gedämpft = --gcid-74b82a17-ed15-4962-9e88-6989b1a0c4ae
 *   Linie hell = --gcid-091844db-cde0-4ce6-a67a-d831d1e48b74
 *   Linie Fläche = --gcid-9ad9d72a-5702-42fe-a422-7a74401ed02a
 *   Pink hell = --gcid-32f11aab-3d80-4819-a69d-d42b05d53495
 */

/* ---------- Grundlayout des Beitragsinhalts ---------- */
.sz-article-content,
.editor-styles-wrapper .is-root-container {
	display: flex;
	flex-direction: column;
	gap: var(--gvid-sz-space-2xl);
	font-family: var(--et_global_body_font), sans-serif;
	font-size: var(--gvid-sz-fs-body);
	line-height: var(--gvid-sz-lh-body);
	color: var(--gcid-body-color);
}

.editor-styles-wrapper {
	background: var(--gcid-da7a0f7e-3483-47bb-b76f-9e998f31d031);
	font-family: var(--et_global_body_font), sans-serif;
}

.editor-styles-wrapper .is-root-container {
	max-width: var(--gvid-sz-layout-content);
	margin-inline: auto;
	padding-bottom: var(--gvid-sz-space-3xl);
}

.sz-article-content > *,
.editor-styles-wrapper .is-root-container > *,
.sz-article-content .wp-block-group > *,
.editor-styles-wrapper .wp-block-group > * {
	margin: 0 !important;
}

.sz-article-content p,
.sz-article-content h2,
.sz-article-content h3,
.sz-article-content h4 {
	padding: 0;
}

.sz-article-content :is(h2, h3, h4),
.editor-styles-wrapper :is(h2, h3, h4) {
	font-family: var(--et_global_heading_font), sans-serif;
	font-weight: 700;
	color: var(--gcid-heading-color);
}

.sz-article-content h2,
.editor-styles-wrapper h2 {
	font-size: var(--gvid-sz-fs-h2-compact);
	line-height: var(--gvid-sz-lh-heading);
	letter-spacing: var(--gvid-sz-ls-h2);
	scroll-margin-top: var(--gvid-sz-space-l);
}

.sz-article-content h3,
.editor-styles-wrapper h3 {
	font-size: var(--gvid-sz-fs-h3);
	line-height: var(--gvid-sz-lh-heading);
	letter-spacing: var(--gvid-sz-ls-h3);
}

.sz-article-content :is(h2, h3) strong,
.editor-styles-wrapper :is(h2, h3) strong {
	font-weight: inherit;
	color: var(--gcid-primary-color);
}

.sz-article-content strong,
.editor-styles-wrapper strong {
	font-weight: 600;
	color: var(--gcid-heading-color);
}

.sz-article-content a:not(.wp-block-button__link),
.editor-styles-wrapper a:not(.wp-block-button__link) {
	color: var(--gcid-secondary-color);
	text-decoration: underline;
	text-underline-offset: 4px;
}

.sz-article-content :is(ul, ol),
.editor-styles-wrapper :is(ul, ol).wp-block-list {
	display: flex;
	flex-direction: column;
	gap: var(--gvid-sz-space-xs);
	margin: 0;
	padding: 0 0 0 var(--gvid-sz-space-m);
}

.sz-article-content ul { list-style-type: disc; }
.sz-article-content ol { list-style-type: decimal; }

.sz-article-content li,
.editor-styles-wrapper .wp-block-list li {
	margin: 0;
}

.editor-styles-wrapper .editor-post-title {
	max-width: var(--gvid-sz-layout-content);
	margin-inline: auto;
	font-family: var(--et_global_heading_font), sans-serif;
	font-size: var(--gvid-sz-fs-h2);
	font-weight: 700;
	line-height: var(--gvid-sz-lh-display);
	letter-spacing: var(--gvid-sz-ls-h1);
	color: var(--gcid-heading-color);
}

/* ---------- Eyebrow ---------- */
.is-style-sezi-eyebrow {
	font-family: var(--gvid-sz-font-mono), monospace !important;
	font-size: var(--gvid-sz-fs-label) !important;
	font-weight: 500;
	line-height: var(--gvid-sz-lh-label) !important;
	letter-spacing: var(--gvid-sz-ls-label);
	text-transform: uppercase;
	color: var(--gcid-74b82a17-ed15-4962-9e88-6989b1a0c4ae);
}

/* ---------- Abschnitt ---------- */
.is-style-sezi-section {
	display: flex;
	flex-direction: column;
	gap: var(--gvid-sz-space-m);
}

/* ---------- Das Wichtigste vorweg ---------- */
.is-style-sezi-summary {
	display: flex;
	flex-direction: column;
	gap: var(--gvid-sz-space-s);
	padding: var(--gvid-sz-space-card);
	border-radius: var(--gvid-sz-radius-m);
	background: var(--gcid-8a0324fc-0338-4e3b-8227-fcf1a9c39fff);
}

.is-style-sezi-summary .is-style-sezi-eyebrow {
	color: var(--gcid-secondary-color);
}

.is-style-sezi-summary > p:last-child {
	font-size: var(--gvid-sz-fs-intro);
	color: var(--gcid-heading-color);
}

/* ---------- 3-Schritte-Grafik ---------- */
.is-style-sezi-steps {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: var(--gvid-sz-space-l);
	padding: var(--gvid-sz-space-xl) var(--gvid-sz-space-card);
	border-radius: var(--gvid-sz-radius-l);
	background: var(--gcid-8a0324fc-0338-4e3b-8227-fcf1a9c39fff);
}

.is-style-sezi-steps .sz-steps__list {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--gvid-sz-space-m);
}

.is-style-sezi-steps .sz-steps__item {
	display: flex;
	flex-direction: column;
	gap: var(--gvid-sz-space-l);
	padding-top: var(--gvid-sz-space-m);
	border-top: var(--gvid-sz-line-s) solid var(--gcid-9ad9d72a-5702-42fe-a422-7a74401ed02a);
}

.is-style-sezi-steps .sz-steps__item:last-child {
	border-top-color: var(--gcid-primary-color);
}

.is-style-sezi-steps .sz-steps__number {
	font-family: var(--gvid-sz-font-mono), monospace;
	font-size: var(--gvid-sz-fs-label);
	line-height: var(--gvid-sz-lh-label);
	color: var(--gcid-secondary-color);
}

.is-style-sezi-steps .sz-steps__title {
	font-family: var(--et_global_heading_font), sans-serif;
	font-size: var(--gvid-sz-fs-h3);
	font-weight: 700;
	line-height: var(--gvid-sz-lh-heading);
	letter-spacing: var(--gvid-sz-ls-h3);
	color: var(--gcid-heading-color);
}

.is-style-sezi-steps .sz-steps__caption {
	font-size: var(--gvid-sz-fs-small);
	line-height: var(--gvid-sz-lh-label);
	color: var(--gcid-74b82a17-ed15-4962-9e88-6989b1a0c4ae);
}

/* ---------- Handlungsaufruf ---------- */
.is-style-sezi-cta {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--gvid-sz-space-s);
	padding: var(--gvid-sz-space-l);
	border: var(--gvid-sz-line-s) solid var(--gcid-heading-color);
	border-radius: var(--gvid-sz-radius-l);
}

.is-style-sezi-cta .is-style-sezi-eyebrow {
	color: var(--gcid-heading-color);
}

.is-style-sezi-cta h3 {
	font-size: var(--gvid-sz-fs-h3-card);
}

.is-style-sezi-cta .wp-block-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: var(--gvid-sz-space-s);
}

.is-style-sezi-cta .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	min-height: var(--gvid-sz-size-button);
	padding: var(--gvid-sz-space-s) var(--gvid-sz-space-m);
	border: 0;
	border-radius: var(--gvid-sz-radius-pill);
	background: var(--gcid-primary-color);
	color: var(--gcid-heading-color);
	font-family: var(--et_global_body_font), sans-serif;
	font-size: var(--gvid-sz-fs-body-s);
	font-weight: 500;
	line-height: 1.4;
	text-decoration: none;
	transition: background-color 0.25s;
}

.is-style-sezi-cta .wp-block-button__link:hover {
	background: var(--gcid-32f11aab-3d80-4819-a69d-d42b05d53495);
	color: var(--gcid-heading-color);
}

/* ---------- Steckbrief ---------- */
.is-style-sezi-steckbrief {
	display: flex;
	flex-direction: column;
	gap: var(--gvid-sz-space-s);
	padding: var(--gvid-sz-space-card);
	border-radius: var(--gvid-sz-radius-m);
	background: var(--gcid-8a0324fc-0338-4e3b-8227-fcf1a9c39fff);
}

.is-style-sezi-steckbrief .sz-steckbrief__row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
	gap: var(--gvid-sz-space-s);
	padding-top: var(--gvid-sz-space-s);
	border-top: var(--gvid-sz-line-s) solid var(--gcid-9ad9d72a-5702-42fe-a422-7a74401ed02a);
	font-size: var(--gvid-sz-fs-body-s);
}

.is-style-sezi-steckbrief .sz-steckbrief__term {
	font-weight: 600;
	color: var(--gcid-heading-color);
}

/* ---------- Responsiv ---------- */
@media only screen and (max-width: 767px) {
	.sz-article-content {
		gap: var(--gvid-sz-space-xl);
	}

	.is-style-sezi-steps .sz-steps__list {
		grid-template-columns: minmax(0, 1fr);
		gap: var(--gvid-sz-space-s);
	}

	.is-style-sezi-steps .sz-steps__item {
		gap: var(--gvid-sz-space-m);
	}

	.is-style-sezi-steps .sz-steps__title {
		font-size: var(--gvid-sz-fs-body);
	}

	.is-style-sezi-cta {
		padding: var(--gvid-sz-space-m);
	}

	.is-style-sezi-steckbrief .sz-steckbrief__row {
		grid-template-columns: minmax(0, 1fr);
		gap: var(--gvid-sz-space-3xs);
	}
}