/* D7: editierbare Core-Blöcke im Newsletter-Band der Startseite; die Knöpfe auch auf der Newsletterseite. */
.is-section.nebi-home-newsletter {
	padding: 120px;
	scroll-margin-top: var(--navigation-height-desktop);
}

.nebi-home-newsletter > .nebi-section__inner {
	max-inline-size: var(--wide-width);
}

.nebi-home-newsletter .wp-block-columns.nebi-home-newsletter__columns {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 120px;
	margin: 0;
}

.nebi-home-newsletter__columns > .wp-block-column {
	min-inline-size: 0;
}

.nebi-home-newsletter__columns > .wp-block-column:last-child {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 48px;
}

.nebi-home-newsletter .nebi-home-newsletter__title {
	margin: 0;
	font-family: var(--wp--preset--font-family--sans);
	font-size: 55px;
	font-weight: 300;
	line-height: 1.2;
	letter-spacing: 0;
	overflow-wrap: break-word;
}

.nebi-home-newsletter .nebi-home-newsletter__copy,
.nebi-home-newsletter .wp-block-column > p:not([class*="nebi-"]):not([class*="u-"]) {
	margin: 0;
	font-family: var(--wp--preset--font-family--sans);
	font-size: 18px;
	font-weight: 400;
	line-height: 1.333333;
	overflow-wrap: anywhere;
}

/*
 * Die Newsletter-Knöpfe (`nebi-home-newsletter__action`) gelten im Band UND unter
 * der Einführung der Newsletterseite (patterns/newsletter.php) — ohne Vorfahren-
 * Selektor, damit beide Stellen derselbe Knopf sind. Die Klasse im Inhalt lädt
 * diese Datei auch dort (nebi_enqueue_home_newsletter_style()). Mehrere Knöpfe
 * stehen untereinander und gleich breit: so breit wie der längste in einer Zeile,
 * mindestens die 364px aus Figma (08.10.2026: Lehrkräfte und Bildungsanbieter).
 */
body .wp-block-buttons.nebi-home-newsletter__action {
	display: grid;
	grid-auto-rows: 1fr; /* bricht einer um (Telefon), bleiben beide gleich hoch */
	place-items: stretch; /* Core-Layout setzt align-items: center */
	gap: 16px;
	inline-size: max-content;
	min-inline-size: min(364px, 100%);
	max-inline-size: 100%;
	margin: 0;
}

/* Der Knopf füllt seine Rasterzeile — sonst bliebe der einzeilige niedriger. */
body .wp-block-buttons.nebi-home-newsletter__action > .wp-block-button { display: flex; }

body .nebi-home-newsletter__action .wp-block-button.is-style-outline .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	inline-size: 100%;
	min-block-size: 56px;
	padding: 15px 20px;
	border: 1px solid var(--border-strong);
	border-radius: 0;
	background: var(--wp--preset--color--surface);
	color: var(--text-primary);
	font-family: var(--wp--preset--font-family--mono);
	font-size: 18px;
	font-weight: 600;
	line-height: 1.333333;
	letter-spacing: -0.07px;
	text-align: center;
	white-space: normal;
	overflow-wrap: anywhere;
}

body .nebi-home-newsletter__action .wp-block-button__link::before {
	content: "";
	flex: none;
	inline-size: 20px;
	block-size: 20px;
	background: url(../../icons/email.svg) center / 20px 20px no-repeat;
}

body .nebi-home-newsletter__action a.wp-block-button__link:focus-visible {
	outline: 3px solid var(--focus-ring);
	outline-offset: 3px;
}

body .nebi-home-newsletter__action a.wp-block-button__link:hover {
	background: var(--surface-raised);
}

body .nebi-home-newsletter__action .wp-block-button.is-style-outline .wp-block-button__link:not([href]) {
	cursor: default;
	pointer-events: none;
}

@media (width >= 600px) and (width < 1024px) {

	.is-section.nebi-home-newsletter {
		padding: 80px 48px;
	}

	.nebi-home-newsletter .wp-block-columns.nebi-home-newsletter__columns {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.nebi-home-newsletter .nebi-home-newsletter__title {
		font-size: clamp(36px, 5vw, 48px);
	}
}

@media (width < 600px) {

	.is-section.nebi-home-newsletter {
		padding: 80px 16px;
		scroll-margin-top: var(--navigation-height-mobile);
	}

	.nebi-home-newsletter .wp-block-columns.nebi-home-newsletter__columns {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.nebi-home-newsletter .nebi-home-newsletter__title {
		font-size: 27px;
		line-height: 1.185185;
	}

	.nebi-home-newsletter .nebi-home-newsletter__copy,
	.nebi-home-newsletter .wp-block-column > p:not([class*="nebi-"]):not([class*="u-"]) {
		font-size: 16px;
		line-height: 1.375;
	}

	body .nebi-home-newsletter__action .wp-block-button.is-style-outline .wp-block-button__link {
		justify-content: flex-start;
		gap: 10px;
		padding-inline: 18px 16px;
		letter-spacing: 0;
		text-align: start; /* umbrochener Text bündig neben dem Symbol */
	}

	body .nebi-home-newsletter__action,
	body .nebi-home-newsletter__action .wp-block-button,
	body .nebi-home-newsletter__action .wp-block-button.is-style-outline .wp-block-button__link {
		inline-size: 100%;
	}
}