/* =====================================================================
 * Kiểu chữ toàn theme — số liệu đo từ DOM (getComputedStyle) của trang mẫu ở 1440px.
 * Tải sau cùng nên ghi đè các giá trị cũ. Mỗi nhóm ghi rõ vai trò.
 * ===================================================================== */

/* --- Toàn cục --- */
.breadcrumb-bar,
.breadcrumb-bar a,
.breadcrumb-bar__current {
	font-size: 14px;
	color: #333333;
}
.breadcrumb-bar { line-height: 20px; }

/* --- Header --- */
.main-menu__toggle { font-family: inherit; }
.room-nav__list a { font-size: 8px; line-height: 18px; }
.btn--primary { font-size: 13px; line-height: 13px; padding: 13px 16px; }

/* --- Trang chủ: hàng dịch vụ --- */
.service__card h3 { font-size: 24px; line-height: 30px; }
.service__card p { font-size: 14px; line-height: 24px; }
.service__card .btn-outline { font-size: 14px; line-height: 37px; padding: 0 28px; }

/* --- Trang chủ: tiêu đề khối --- */
.title_center h2 { font-size: 27px; }
.title_center__sub { font-size: 16px; font-weight: 500; }
.news-block .title_center h2 { font-size: 24px; }
.title_home h2 { font-size: 22px; }
.title_home span { font-size: 14px; }

/* --- Trang chủ: công trình tiêu biểu (chú thích trên ảnh dùng PoppinsVN) --- */
.gallery__caption { font-family: var(--font-display); color: #eeeeee; }
.gallery__item--big .gallery__caption { font-size: 28px; line-height: 42px; }
.gallery__item--small .gallery__caption { font-size: 18px; line-height: 27px; }

/* --- Trang chủ: thẻ trong dải --- */
.listdesign p { font-size: 13px; }

/* --- Trang chủ: từ khóa --- */
.keywords__label { font-size: 18px; font-weight: 700; color: #264c5d; }
.keywords__list a {
	font-size: 15px;
	font-weight: 500;
	line-height: 38px;
	padding: 0 12px;
	color: #264c5d;
}

/* --- Trang chủ: video ngắn, bài viết --- */
.listtiktok h3 a { color: #264c5d; }
.listnews h3 { font-size: 16px; line-height: 24px; }
.listnews h3 a { color: #264c5d; }
.listnews p { font-size: 14px; line-height: 24px; color: #888888; }

/* --- Trang chi tiết --- */
.single-head--center h1 {
	font-family: var(--font-body);
	font-size: 22px;
	font-weight: 700;
	line-height: 30px;
}
.single-head--center .datepost,
.datepost { font-size: 14px; line-height: 30px; color: #84807d; }
.divdetail { font-family: Arial, sans-serif; font-size: 14px; line-height: 30px; color: #484338; }
.divdetail .entry-content,
.entry-content { font-size: 14px; line-height: 30px; color: #484338; font-family: Arial, sans-serif; }
.single-tags a { font-size: 14px; }
.divdetail h2,
.entry-content h2 {
	font-family: Arial, sans-serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 35px;
	text-transform: none;
	color: #264c5d;
}

/* Trang tĩnh (chính sách, giới thiệu, quy trình): tiêu đề trang đậm 18px kiểu nội dung */
.page-content > h1 {
	font-family: Arial, sans-serif;
	font-size: 18px;
	font-weight: 900;
	line-height: 35px;
	text-transform: none;
	color: #264c5d;
	margin: 10px 0;
}
.divdetail a { color: #0073ca; }
.title_home h2 a { color: inherit; }

/* --- Trang video --- */
.channel-banner__title { font-size: 18px; }
.channel-banner__link { font-size: 14px; color: #888888; }
.btn-subscribe { font-size: 14px; font-weight: 400; }
.line-title { font-size: 24px; }
.listvideo h3 { font-size: 14px; line-height: 20px; }
.listvideo h3 a { color: #264c5d; }

/* --- Trang tuyển dụng --- */
.listjob h3 { font-size: 16px; line-height: 24px; }
.listjob h3 a { color: #264c5d; }
.listjob p { font-size: 14px; line-height: 24px; color: #888888; }

/* --- Phần tử biểu mẫu kế thừa font của trang --- */
button, input, textarea, select { font-family: inherit; }

/* --- Trang liên hệ --- */
.regcontact__form input[type="email"],
.regcontact__form input[type="text"],
.regcontact__form input[type="tel"] { font-weight: 400; color: #000000; }
.regcontact__form textarea { font-weight: 300; color: #000000; }
.regcontact__title { font-size: 20px; color: #484338; }
.regcontact__form label { font-size: 14px; font-weight: 300; color: #333333; }
.regcontact__form input[type="email"],
.regcontact__form input[type="text"],
.regcontact__form input[type="tel"],
.regcontact__form textarea { font-size: 14px; font-weight: 300; }
.regcontact__submit { font-size: 14px; font-weight: 400; }

/* --- Footer --- */
.footer .company { line-height: 30px; }
.footer .linkfoot h3 { font-size: 20px; line-height: 23px; color: #000000; }

/* --- Nút liên hệ nổi --- */
.float-contact .float-contact__btn { font-size: 16px; font-weight: 800; color: #193544; }
.float-contact .float-contact__btn svg { color: #193544; }

/* --- Điện thoại (≤ 768px): kích thước chữ đo trên trang mẫu ở 375px --- */
@media (max-width: 768px) {
	.main-menu__label { font-size: 12px; }
	.gallery__item--big .gallery__caption { font-size: 20px; line-height: 30px; }
	.keywords__label { font-size: 16px; }
	.keywords__list a { font-size: 13px; line-height: 34px; }
	.news-block .title_center h2 { font-size: 20px; line-height: 30px; }
	.listnews h3 { font-size: 13px; line-height: 18px; }
}

/* --- Tiêu đề section có đường kẻ hai bên (mục "Cảm hứng thiết kế", "Bài viết liên quan") ---
 * Theo trang mẫu: khối cao ~ 20px đệm trên dưới, chữ nền trắng đè lên đường kẻ 70% chiều rộng màu nhấn. */
.titlehome {
	position: relative;
	margin-top: 25px;
	margin-bottom: 38px;
	padding: 20px 0;
	text-align: center;
	font-family: var(--font-display);
	font-size: 18px;
	font-weight: 700;
	color: #264c5d;
}
.titlehome h2 {
	margin: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: 36px;
	text-transform: none;
}
.titlehome a {
	position: relative;
	z-index: 1;
	display: inline-block;
	padding: 0 30px;
	background: #ffffff;
	color: #264c5d;
	font-size: 24px;
	line-height: 36px;
	text-transform: uppercase;
}
.titlehome::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 46%;
	width: 70%;
	height: 1px;
	margin: auto;
	border: 1px solid #264c5d;
	box-sizing: border-box;
	z-index: 0;
}
@media (max-width: 768px) {
	.titlehome a { font-size: 20px; line-height: 30px; }
	.titlehome::after { width: 95%; }
}