/**
 * Kubota Europe heading (WPBakery element `vc_kbeu_heading`).
 *
 * Based on the Figma design 4595-1621: a centered block with a small turquoise
 * eyebrow (28px / Light), a large two-line title (70px / Medium) and a light
 * paragraph (24px / Light), the last constrained to a comfortable measure.
 * Unlike `vc_kbeu_section_heading`, every text is defined by the editor and has
 * no default, so each part only renders when it is filled in.
 *
 * Font family "Helvetica Neue LT Pro" is provided by the plugin's fonts
 * stylesheet (this handle depends on `kbeu-fonts`); we reference it through the
 * `--kbeu-font-principal` variable declared there. The bundled family ships the
 * 300 / 500 / 700 weights, so the design's 500 (Medium) title matches exactly.
 */

.kbeu-heading {
	color: #000;
	text-align: center;
}

.kbeu-heading__inner {
	max-width: var( --kbeu-heading-max-width, 900px );
	margin: 0 auto;
}

/* Left-aligned variant: text to the left and the block anchored to the left. */
.kbeu-heading--left {
	text-align: left;
}

.kbeu-heading--left .kbeu-heading__inner {
	margin-inline: 0;
}

.kbeu-heading--left .kbeu-heading__title,
.kbeu-heading--left .kbeu-heading__text {
	margin-left: 0;
	margin-right: 0;
}

.kbeu-heading__eyebrow {
	margin: 0;
	font-family: var( --kbeu-font-principal );
	font-weight: 300;
	line-height: 1.2;
	font-size: clamp( 20px, 2vw, 28px );
	color: #03a8a9;
}

.kbeu-heading__title {
	max-width: 1002px;
	margin: clamp( 10px, 1.5vw, 22px ) auto 0;
	font-family: var( --kbeu-font-principal );
	font-weight: 500;
	line-height: 1.02;
	font-size: clamp( 36px, 4.8vw, 70px );
	color: #000;
}

.kbeu-heading__text {
	max-width: 882px;
	margin: clamp( 16px, 2vw, 30px ) auto 0;
	font-family: var( --kbeu-font-principal );
	font-weight: 300;
	line-height: 1.55;
	font-size: clamp( 17px, 1.7vw, 24px );
	color: #000;
}

/* Placeholder shown in the WPBakery backend editor when every text is empty. */
.kbeu-heading__placeholder {
	margin: 0;
	padding: 24px;
	border: 1px dashed #03a8a9;
	border-radius: 8px;
	font-family: var( --kbeu-font-principal );
	font-weight: 300;
	font-size: 15px;
	color: #667;
}