/**
 * Lời mời đặt lịch ở các trang ngoài /dat-lich/ — xem invite() trong dat-lich-hen.php.
 *
 * Hộp mời (cuối bài cẩm nang, trang chương trình, biểu phí, 404) cùng kiểu hộp
 * ghi chú trên trang đặt lịch: nền trắng, vạch vàng đồng bên trái, không bo góc.
 * Nút vàng đồng, không dùng cam — cam dành cho nút gửi trên trang đặt lịch.
 *
 * Selector có thêm `body` / thẻ để thắng kiểu chữ của trang bài viết
 * (body.ttb .ttb-article p / a / strong) và màu link đỏ của Flatsome.
 */

.tdl-moi,
.ttd-done__more {
	--tdl-navy: #0F1E33;
	--tdl-gold-dark: #A85B0E;
	--tdl-ink: #1C2B3F;
	--tdl-line: #E4DFD4;
}

/* ---- Hộp mời ---- */

body aside.tdl-moi {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 16px 28px;
	margin: 40px 0;
	padding: 22px 26px;
	border: 1px solid var(--tdl-line);
	border-left: 3px solid var(--tdl-gold-dark);
	background: #fff;
}

body aside.tdl-moi p.tdl-moi__text {
	flex: 1 1 320px;
	margin: 0;
	color: var(--tdl-ink);
	font-size: 15px;
	line-height: 1.65;
	text-align: left;
}

body aside.tdl-moi p.tdl-moi__text strong {
	display: block;
	margin-bottom: 4px;
	color: var(--tdl-navy);
	font-size: 17px;
	font-weight: 700;
	line-height: 1.4;
}

body aside.tdl-moi a.tdl-moi__btn {
	flex: 0 0 auto;
	display: inline-block;
	margin: 0;
	padding: 14px 26px;
	border: 1px solid var(--tdl-gold-dark);
	background: var(--tdl-gold-dark);
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 1px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	transition: background-color .18s ease, border-color .18s ease;
}

body aside.tdl-moi a.tdl-moi__btn:hover,
body aside.tdl-moi a.tdl-moi__btn:focus-visible {
	border-color: var(--tdl-navy);
	background: var(--tdl-navy);
	color: #fff;
}

@media (max-width: 549px) {
	body aside.tdl-moi {
		padding: 20px;
	}

	body aside.tdl-moi a.tdl-moi__btn {
		width: 100%;
	}
}

.tdl-moi-404 {
	padding-bottom: 40px;
}

body .tdl-moi-404 aside.tdl-moi {
	margin-top: 0;
}

/* ---- Dòng mời trong cửa sổ cảm ơn của form "Đăng ký tư vấn" ---- */

.ttd-done p.ttd-done__more {
	margin: 18px auto 0;
	max-width: 400px;
	color: var(--tdl-ink);
	font-size: 14.5px;
	line-height: 1.65;
}

.ttd-done p.ttd-done__more a {
	color: var(--tdl-gold-dark);
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 3px;
}