/* Webux Section-Heading - frontend and editor. */
.webux-section-heading {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
}

.webux-section-heading.has-text-align-center {
	text-align: center;
	align-items: center;
}

.webux-section-heading.has-text-align-right {
	text-align: right;
	align-items: flex-end;
}

.webux-section-heading__eyebrow {
	margin: 0;
	font-size: var(--wp--preset--font-size--small, 0.875rem);
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--wp--preset--color--primary, #2563eb);
}

.webux-section-heading__title {
	margin: 0;
	line-height: 1.15;
}

.webux-section-heading__lead {
	margin: 0;
	max-width: 46rem;
	font-size: var(--wp--preset--font-size--large, 1.25rem);
	color: var(--wp--preset--color--muted, #6b7280);
}

/* Inside a dark section (.has-light-text): lighten the lead text. */
.has-light-text .webux-section-heading__lead {
	color: rgba(255, 255, 255, 0.8);
}

/* Hero size (big title, e.g. home hero) - ported from .lv-hero-title. */
.webux-section-heading--hero .webux-section-heading__title {
	font-size: 64px;
	font-weight: 600;
	line-height: 1.05;
	letter-spacing: -1.28px;
}
.webux-section-heading--hero .webux-section-heading__lead {
	font-size: 18px;
	line-height: 1.65;
	max-width: 480px;
}

/* Optional buttons row. */
.webux-section-heading__buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin-top: 0.5rem;
}
.webux-section-heading.has-text-align-center .webux-section-heading__buttons { justify-content: center; }

@media (max-width: 782px) {
	.webux-section-heading--hero .webux-section-heading__title { font-size: 40px; letter-spacing: -0.8px; }
}

/* Phones: CTAs stack full-width so they read as one equal-width pair
   (e.g. "Bewertung anfordern" / "Angebote ansehen" on the home hero). */
@media (max-width: 600px) {
	.webux-section-heading__buttons {
		gap: 12px;
	}
	.webux-section-heading__buttons .wp-block-button {
		flex: 1 1 100%;
	}
	.webux-section-heading__buttons .wp-block-button__link {
		display: block;
		width: 100%;
		text-align: center;
	}
}