/*
 * Promo / call-to-action block.
 *
 * Shared by [machine_promo] and the Machine Finder — both render
 * `.bsc-promo__box`, so the design (light-blue background, info icon, two-tone
 * text) lives in one place. Colours reuse the child-theme variables
 * (--color-custom-3 = light blue, --color-custom-1 = dark navy). Tunables are
 * exposed as custom properties for the builder.
 */

.bsc-promo__box {
	--bsc-promo-bg:     #ffffff;
	--bsc-promo-radius: 10px;

	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: nowrap;
	gap: 0.75rem;
	padding: 0.9rem 1.5rem;
	background: var(--bsc-promo-bg);
	border-radius: var(--bsc-promo-radius);
}

.bsc-promo__icon {
	flex: 0 0 auto;
	width: 26px;
	height: 26px;
	display: block;
}

.bsc-promo__text {
	margin: 0;
	line-height: 1.4;
}

/* Two-tone copy: intro = light blue, contact line = dark navy. */
.bsc-promo__intro {
	color: var(--color-custom-3);
	font-weight: 700;
}
.bsc-promo__contact {
	color: var(--color-custom-1);
	font-weight: 700;
}
.bsc-promo__contact a {
	color: inherit;
	text-decoration: none;
}
.bsc-promo__contact a:hover {
	text-decoration: underline;
}

.case-study-promo .bsc-promo__text,
.machine-stock-promo .bsc-promo__text {
	font-size: 20px;
}

/* [machine_options_note]: two stacked lines instead of [machine_promo]'s one
   flowing sentence — a small gap so they don't sit flush against each other. */
.bsc-promo--note .bsc-promo__text + .bsc-promo__text {
	margin-top: 4px;
}

@media(max-width: 767px){
	.bsc-specs__head{
		margin-bottom: 10px;
	}
	.case-study-promo .bsc-promo__text,
	.machine-stock-promo .bsc-promo__text {
		font-size: 17px;
	}
}