/**
 * Tiêu đề section dùng chung (trang chủ + About): eyebrow + title + gạch gradient + mô tả.
 * Markup: smt_home_block_head() trong inc/shortcodes.php.
 * Trên nền tối: đặt class .smt-on-dark ở phần tử cha.
 */

.smt-home-block__head {
	max-width: 760px;
	margin: 0 auto 36px;
	text-align: center;
}

.smt-home-block__eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 5px 14px;
	border-radius: 999px;
	border: 1px solid rgba(30, 107, 255, 0.22);
	background: rgba(30, 107, 255, 0.07);
	color: #1e6bff;
	font-family: "Be Vietnam Pro", system-ui, sans-serif;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.smt-home-block__eyebrow::before {
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: currentColor;
	box-shadow: 0 0 0 3px rgba(30, 107, 255, 0.18);
}

.smt-home-block__title {
	margin: 14px 0 0;
	font-family: "Be Vietnam Pro", system-ui, sans-serif;
	font-size: clamp(26px, 3vw, 38px);
	font-weight: 800;
	line-height: 1.2;
	letter-spacing: -0.01em;
	color: #0b1437;
}

.smt-home-block__title::after {
	content: "";
	display: block;
	width: 72px;
	height: 4px;
	margin: 16px auto 0;
	border-radius: 4px;
	background: linear-gradient(90deg, #1e6bff, #7c3aed);
}

.smt-home-block__sub {
	margin: 14px 0 0 !important;
	color: #5b6785;
	font-size: 16px;
	line-height: 1.6;
}

/* Tiêu đề trên nền tối. */
.smt-home__section--whyus .smt-home-block__eyebrow,
.smt-home__section--contact .smt-home-block__eyebrow,
.smt-on-dark .smt-home-block__eyebrow {
	color: #7dd3fc;
	border-color: rgba(56, 189, 248, 0.35);
	background: rgba(56, 189, 248, 0.1);
}

.smt-home__section--whyus .smt-home-block__eyebrow::before,
.smt-home__section--contact .smt-home-block__eyebrow::before,
.smt-on-dark .smt-home-block__eyebrow::before {
	box-shadow: 0 0 8px 2px rgba(56, 189, 248, 0.6);
}

.smt-home__section--whyus .smt-home-block__title,
.smt-home__section--contact .smt-home-block__title,
.smt-on-dark .smt-home-block__title {
	color: #fff;
}

.smt-home__section--whyus .smt-home-block__sub,
.smt-home__section--contact .smt-home-block__sub,
.smt-on-dark .smt-home-block__sub {
	color: #b8c4e6;
}