/**
 * Kubota Europe info CTA banner (WPBakery element `vc_kbeu_info_cta`).
 *
 * Based on the Figma design 3721-2991: a light grey (#f6f6f6) rounded card. On the
 * left, a small turquoise eyebrow (24px / Light), a bold heading (32px / Bold) and
 * a light paragraph (24px / Light, ink #1d1d1b). On the right, a vertically centred
 * outlined "Quotation Request" button (black border, 15px radius).
 *
 * Font family "Helvetica Neue LT Pro" is provided by the plugin's fonts stylesheet
 * (this handle depends on `kbeu-fonts`), referenced via `--kbeu-font-principal`.
 * The bundled family ships the 300 / 500 / 700 weights, so the design's 400 (Roman)
 * button resolves to the nearest available face.
 */

.kbeu-info-cta {
	--kbeu-teal: #03a8a9;
	--kbeu-ink: #1d1d1b;

	font-family: var( --kbeu-font-principal );
}

.kbeu-info-cta__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: clamp( 24px, 3vw, 48px );
	background: #f6f6f6;
	border-radius: 14px;
	padding: clamp( 32px, 4vw, 64px ) clamp( 24px, 5vw, 100px );
}

.kbeu-info-cta__content {
	flex: 1 1 460px;
	min-width: 0;
	max-width: 930px;
}

.kbeu-info-cta__eyebrow {
	margin: 0;
	font-weight: 300;
	line-height: 1.3;
	font-size: clamp( 18px, 1.6vw, 24px );
	color: var( --kbeu-teal );
}

.kbeu-info-cta__title {
	margin: clamp( 8px, 1vw, 16px ) 0 0;
	font-weight: 700;
	line-height: 1.37;
	font-size: clamp( 24px, 2.4vw, 32px );
	color: #000;
}

.kbeu-info-cta__text {
	margin: clamp( 12px, 1.4vw, 20px ) 0 0;
	font-weight: 300;
	line-height: 1.55;
	font-size: clamp( 16px, 1.8vw, 24px );
	color: var( --kbeu-ink );
}

.kbeu-info-cta__action {
	flex: 0 0 auto;
}

.kbeu-info-cta__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: clamp(6px, 1.2vw, 11px) clamp(22px, 3.0vw, 58px);
	border: 1px solid #000;
	border-radius: 15px;
	font-weight: 500;
	font-size: clamp( 16px, 1.3vw, 20px );
	line-height: 1.5;
	color: #000;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.kbeu-info-cta__btn:hover,
.kbeu-info-cta__btn:focus-visible {
	background: #000;
	color: #fff;
}

/* --- Responsive ------------------------------------------------------- */

@media ( max-width: 767px ) {
	.kbeu-info-cta__inner {
		flex-direction: column;
		align-items: stretch;
	}

	.kbeu-info-cta__content {
		flex-basis: auto;
	}

	.kbeu-info-cta__btn {
		width: 100%;
	}
}