/*
Theme Name: Hoang Anh
Theme URI: https://congchunghoanganh.com
Description: Child theme cho Van phong cong chung Hoang Anh. Uu tien doc noi dung dai tieng Viet, bang bieu doc duoc tren dien thoai, va thao tac goi dien nhanh.
Author: VPCC Hoang Anh
Template: twentytwentyfive
Version: 1.2.0
Text Domain: hoanganh
*/

/* ==========================================================================
   1. NEN TANG DOC
   Van ban phap ly tieng Viet dai. Dau thanh can gian dong rong hon tieng Anh.
   ========================================================================== */

.entry-content p,
.wp-block-post-content p {
	/* Bo can deu hai ben — gay khoang trang loang lo giua cac tu tieng Viet */
	text-align: left;
}

.wp-block-post-content > * + * {
	margin-block-start: 1.15em;
}

.wp-block-post-content li {
	margin-block-end: 0.4em;
}

/* Doan mo dau moi trang: to hon, mau nhat hon, tach khoi phan than */
.wp-block-post-content > p:first-of-type {
	font-size: var(--wp--preset--font-size--large);
	line-height: 1.6;
	color: var(--wp--preset--color--chu-nhat);
}

/* ==========================================================================
   2. BANG BIEU PHI
   4 bang phi la tai san gia tri nhat cua site. Phai doc duoc tren dien thoai.
   ========================================================================== */

.entry-content table,
.wp-block-table table,
.wp-block-post-content table {
	width: 100%;
	border-collapse: collapse;
	margin-block: 1.75rem;
	font-size: var(--wp--preset--font-size--small);
	background: var(--wp--preset--color--nen-noi);
}

.wp-block-post-content th,
.wp-block-post-content td,
.entry-content th,
.entry-content td {
	border: 1px solid var(--wp--preset--color--vien);
	padding: 0.7rem 0.85rem;
	text-align: left;
	vertical-align: top;
	line-height: 1.55;
}

.wp-block-post-content th,
.entry-content th {
	background: var(--wp--preset--color--nhan-nhat);
	font-weight: 600;
	color: var(--wp--preset--color--nhan-dam);
}

/* Hang dau tien cua bang phi thuong la tieu de nhung dung the td */
.wp-block-post-content tr:first-child td,
.entry-content tr:first-child td {
	background: var(--wp--preset--color--nhan-nhat);
	font-weight: 600;
	color: var(--wp--preset--color--nhan-dam);
}

.wp-block-post-content tr:nth-child(even) td,
.entry-content tr:nth-child(even) td {
	background: #fdfcfb;
}

/* Cot so thu tu hep lai, khong chiem cho cua noi dung */
.wp-block-post-content td:first-child,
.entry-content td:first-child {
	width: 3.5rem;
	text-align: center;
	color: var(--wp--preset--color--chu-nhat);
	font-variant-numeric: tabular-nums;
}

/* Tren dien thoai: bang cuon ngang trong khung rieng.
   Than trang KHONG duoc cuon ngang. */
@media (max-width: 50rem) {
	.wp-block-post-content table,
	.entry-content table {
		display: block;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		border: 1px solid var(--wp--preset--color--vien);
	}
	.wp-block-post-content td,
	.wp-block-post-content th,
	.entry-content td,
	.entry-content th {
		min-width: 9rem;
	}
	.wp-block-post-content td:first-child,
	.entry-content td:first-child {
		min-width: 3rem;
		position: sticky;
		left: 0;
		background: var(--wp--preset--color--nen-noi);
	}
	.wp-block-post-content td:last-child,
	.entry-content td:last-child {
		min-width: 15rem;
	}
}

/* ==========================================================================
   3. KHOI CAN CU PHAP LY
   Tin hieu chuyen nghiep quan trong nhat voi to chuc hanh nghe cong chung:
   ghi ro van ban ap dung va ngay cap nhat.
   ========================================================================== */

.can-cu-phap-ly {
	border-left: 3px solid var(--wp--preset--color--nhan);
	background: var(--wp--preset--color--nhan-nhat);
	padding: 1.25rem 1.5rem;
	margin-block-start: 2.5rem;
	border-radius: 0 6px 6px 0;
}

.can-cu-phap-ly h2,
.can-cu-phap-ly h3 {
	font-size: var(--wp--preset--font-size--medium);
	margin-block-start: 0;
	color: var(--wp--preset--color--nhan-dam);
}

.can-cu-phap-ly ul {
	margin-block-end: 0.75rem;
}

.can-cu-phap-ly li {
	font-size: var(--wp--preset--font-size--small);
}

.ngay-cap-nhat {
	font-size: var(--wp--preset--font-size--x-small);
	color: var(--wp--preset--color--chu-nhat);
	margin-block-end: 0;
	font-style: italic;
}

/* ==========================================================================
   4. CHECKLIST GIAY TO
   Khach in ra hoac mo dien thoai khi chuan bi ho so.
   ========================================================================== */

.giay-to-can-mang ul {
	list-style: none;
	padding-left: 0;
}

.giay-to-can-mang li {
	position: relative;
	padding-left: 1.9rem;
	margin-block-end: 0.55rem;
}

.giay-to-can-mang li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.35em;
	width: 1.05rem;
	height: 1.05rem;
	border: 1.5px solid var(--wp--preset--color--nhan);
	border-radius: 3px;
}

/* ==========================================================================
   5. THANH LIEN HE CO DINH TREN DIEN THOAI
   Khach mo dien thoai chu yeu de goi hoi thu tuc.
   ========================================================================== */

.thanh-lien-he {
	display: none;
}

@media (max-width: 50rem) {
	.thanh-lien-he {
		display: grid;
		grid-template-columns: 1fr 1fr;
		position: fixed;
		inset: auto 0 0 0;
		z-index: 999;
		border-top: 1px solid rgba(0, 0, 0, 0.12);
		box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.12);
	}

	.thanh-lien-he a {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 0.4rem;
		padding: 0.85rem 0.5rem;
		font-size: var(--wp--preset--font-size--small);
		font-weight: 600;
		text-decoration: none;
		color: #ffffff;
	}

	.thanh-lien-he .nut-goi   { background: var(--wp--preset--color--nhan); }
	.thanh-lien-he .nut-zalo  { background: #0068ff; }

	/* Chua cho thanh, khong che noi dung cuoi trang */
	body { padding-bottom: 3.5rem; }
}

/* ==========================================================================
   6. HEADER TREN DIEN THOAI
   Logo cu chiem ~200px dau man hinh, khach phai cuon moi thay noi dung.
   ========================================================================== */

@media (max-width: 50rem) {
	.wp-block-site-logo img {
		max-height: 52px;
		width: auto;
	}
}

/* Thanh thong tin tren cung — hotline khong giau duoi chan trang */
.thanh-tren-cung {
	background: var(--wp--preset--color--muc);
	color: #fff;
	font-size: var(--wp--preset--font-size--x-small);
}

.thanh-tren-cung__trong {
	max-width: 76rem;
	margin-inline: auto;
	padding: 0.5rem 1.25rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
}

.thanh-tren-cung a {
	color: #fff;
	text-decoration: none;
	font-weight: 700;
}

.thanh-tren-cung a:hover {
	text-decoration: underline;
}

.ttc-dia-chi {
	opacity: 0.85;
}

/* Tren dien thoai da co thanh lien he co dinh o day man hinh, khong lap lai */
@media (max-width: 50rem) {
	.thanh-tren-cung { display: none; }
}

/* ==========================================================================
   7. THE DICH VU
   ========================================================================== */

.the-dich-vu {
	border: 1px solid var(--wp--preset--color--vien);
	border-radius: 8px;
	padding: 1.35rem;
	background: var(--wp--preset--color--nen-noi);
	height: 100%;
	transition: border-color 0.15s ease, transform 0.15s ease;
}

.the-dich-vu:hover {
	border-color: var(--wp--preset--color--nhan);
	transform: translateY(-2px);
}

.the-dich-vu h3 {
	font-size: var(--wp--preset--font-size--medium);
	margin-block: 0 0.5rem;
}

.the-dich-vu p {
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--chu-nhat);
	margin-block-end: 0;
}

/* ==========================================================================
   8. THU VIEN VAN BAN PHAP LUAT
   ========================================================================== */

.trang-thai-hieu-luc {
	display: inline-block;
	font-size: var(--wp--preset--font-size--x-small);
	font-weight: 600;
	padding: 0.15rem 0.55rem;
	border-radius: 999px;
	white-space: nowrap;
}

.trang-thai-hieu-luc.con-hieu-luc {
	background: #e8f5ec;
	color: #1a6b38;
}

.trang-thai-hieu-luc.het-hieu-luc {
	background: #f4f4f5;
	color: #5a6169;
	text-decoration: line-through;
}

.trang-thai-hieu-luc.duoc-thay-the {
	background: #fff4e5;
	color: #8a5200;
}

/* ==========================================================================
   9. IN RA GIAY
   Khach in checklist giay to mang di chuan bi ho so.
   ========================================================================== */

@media print {
	.thanh-lien-he,
	.wp-block-navigation,
	.wp-block-site-logo,
	footer,
	.wp-block-template-part[class*="footer"] {
		display: none !important;
	}

	body {
		padding-bottom: 0;
		font-size: 11pt;
		background: #fff;
	}

	a[href^="http"]::after {
		content: " (" attr(href) ")";
		font-size: 9pt;
		color: #555;
	}

	.can-cu-phap-ly {
		border: 1px solid #999;
		background: #fff;
	}
}

/* ==========================================================================
   10. DAU TRANG
   ========================================================================== */

.dau-trang .wp-block-site-title a {
	text-decoration: none;
	color: var(--wp--preset--color--chu);
}

.dau-trang .wp-block-site-tagline {
	margin: 0;
}

.ten-van-phong {
	line-height: 1.25;
}

/* Dieu huong: bo gach chan, dat khoang cach de doc */
.dieu-huong-chinh a {
	text-decoration: none;
	color: var(--wp--preset--color--chu);
	font-weight: 600;
}

.dieu-huong-chinh a:hover,
.dieu-huong-chinh .current-menu-item > a {
	color: var(--wp--preset--color--nhan);
}

/* Menu con: nen trang, vien nhe, khong trong suot */
.dieu-huong-chinh .wp-block-navigation__submenu-container {
	background: var(--wp--preset--color--nen-noi);
	border: 1px solid var(--wp--preset--color--vien);
	border-radius: 6px;
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
	padding: 0.35rem 0;
	min-width: 17rem;
}

.dieu-huong-chinh .wp-block-navigation__submenu-container a {
	padding: 0.5rem 1rem;
	font-weight: 500;
}

@media (max-width: 50rem) {
	.dau-trang { padding-block: 0.65rem; }
	.ten-van-phong .wp-block-site-tagline { display: none; }
}

/* ==========================================================================
   11. DAU BAI VA KHOI GOI HANH DONG
   ========================================================================== */

.dau-bai .wp-block-post-title {
	margin: 0;
	max-width: 44rem;
}

.khoi-goi-hanh-dong .wp-block-heading {
	margin-block-start: 0;
}

.khoi-goi-hanh-dong .wp-block-button.is-style-outline .wp-block-button__link {
	border: 2px solid var(--wp--preset--color--nhan);
	color: var(--wp--preset--color--nhan);
	background: transparent;
}

.khoi-goi-hanh-dong .wp-block-button.is-style-outline .wp-block-button__link:hover {
	background: var(--wp--preset--color--nhan);
	color: #fff;
}

/* ==========================================================================
   12. CHAN TRANG
   ========================================================================== */

.chan-trang a {
	color: #fff;
	text-decoration: none;
}

.chan-trang a:hover {
	text-decoration: underline;
}

/*
 * theme.json gan mau "chu" (#1c1f23) cho MOI the tieu de. Mau do de len
 * mau chu ke thua cua khoi nen toi, lam tieu de cac cot chan trang
 * thanh chu toi tren nen toi — ti le tuong phan ~1,1:1, gan nhu vo hinh.
 * Phai dat lai tuong minh.
 */
.chan-trang h1,
.chan-trang h2,
.chan-trang h3,
.chan-trang h4,
.chan-trang h5,
.chan-trang h6,
.chan-trang .wp-block-heading {
	color: #ffffff;
	margin-block-start: 0;
}

.chan-trang__lien-ket {
	list-style: none;
	padding-left: 0;
	font-size: var(--wp--preset--font-size--small);
}

.chan-trang__lien-ket li {
	margin-block-end: 0.5rem;
	padding-left: 0.9rem;
	position: relative;
}

.chan-trang__lien-ket li::before {
	content: "›";
	position: absolute;
	left: 0;
	opacity: 0.6;
}

.chan-trang__lien-he strong {
	font-weight: 600;
	color: #ffffff;
	opacity: 0.7;
}

.chan-trang__cuoi p {
	margin: 0;
	opacity: 0.75;
}

@media (max-width: 50rem) {
	/* Chua cho thanh lien he co dinh o day man hinh */
	.chan-trang { padding-bottom: 4.5rem; }
}

/* ==========================================================================
   13. THU VIEN VAN BAN PHAP LUAT
   ========================================================================== */

.van-ban-thong-tin {
	margin-block-end: 2rem;
}

.van-ban-thong-tin table {
	margin-block: 0 1rem;
}

.van-ban-thong-tin th {
	width: 11rem;
	white-space: nowrap;
}

.van-ban-nut {
	display: flex;
	flex-wrap: wrap;
	gap: 0.65rem;
}

.van-ban-nut .wp-block-button__link {
	background: var(--wp--preset--color--nhan);
	color: #fff;
	border-radius: 6px;
	padding: 0.6rem 1.2rem;
	text-decoration: none;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
}

.van-ban-nut .nut-phu {
	background: transparent;
	color: var(--wp--preset--color--nhan);
	border: 2px solid var(--wp--preset--color--nhan);
}

.thu-vien-van-ban {
	display: grid;
	gap: 1rem;
}

.vb-muc {
	border: 1px solid var(--wp--preset--color--vien);
	border-radius: 8px;
	padding: 1.15rem 1.35rem;
	background: var(--wp--preset--color--nen-noi);
}

.vb-muc h3 {
	margin-block: 0 0.35rem;
	font-size: var(--wp--preset--font-size--medium);
}

.vb-muc h3 a {
	text-decoration: none;
	color: var(--wp--preset--color--chu);
}

.vb-muc h3 a:hover {
	color: var(--wp--preset--color--nhan);
}

.vb-dong-phu {
	font-size: var(--wp--preset--font-size--x-small);
	color: var(--wp--preset--color--chu-nhat);
	margin-block: 0 0.5rem;
}

.vb-tom-tat {
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--chu-nhat);
	margin-block-end: 0;
	margin-block-start: 0.6rem;
}

/* ==========================================================================
   14. TRANG CHU — HERO
   Ban truoc chi co chu tren nen trang, doc nhu bai blog.
   Ban cu cua van phong co hero anh nen toi, trong co suc nang hon han.
   ========================================================================== */

.khoi-hero {
	display: flex;
	align-items: center;
}

.khoi-hero .hero-noi-dung {
	max-width: 40rem;
	margin-inline: 0;
}

.khoi-hero .hero-nhan {
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-weight: 700;
	color: #ffffff;
	opacity: 0.85;
	margin-block-end: 0.5rem;
}

.khoi-hero h1 {
	color: #ffffff;
	margin-block: 0 1rem;
	max-width: 18ch;
	line-height: 1.15;
}

.khoi-hero .hero-mo-ta {
	color: #ffffff;
	opacity: 0.92;
	max-width: 42ch;
	margin-block-end: 1rem;
}

.khoi-hero .hero-phuong-cham {
	color: #ffffff;
	font-weight: 600;
	letter-spacing: 0.02em;
	padding-block: 0.75rem;
	border-block: 1px solid rgba(255, 255, 255, 0.25);
	display: inline-block;
	margin-block-end: 1.75rem;
}

/* Nut vien sang tren nen anh toi */
.nut-sang .wp-block-button__link {
	border: 2px solid rgba(255, 255, 255, 0.85);
	color: #ffffff;
	background: transparent;
}

.nut-sang .wp-block-button__link:hover {
	background: #ffffff;
	color: var(--wp--preset--color--muc);
}

@media (max-width: 50rem) {
	.khoi-hero { min-height: 62vh !important; }
	.khoi-hero h1 { max-width: none; }
}

/* ==========================================================================
   15. DAI TIN CAY
   ========================================================================== */

.dai-tin-cay {
	border-bottom: 1px solid var(--wp--preset--color--vien);
}

.dai-tin-cay__luoi {
	padding-block: 1.5rem;
	gap: 1rem;
}

.muc-tin-cay {
	text-align: center;
	padding-inline: 0.5rem;
}

.muc-tin-cay p {
	margin: 0;
}

.muc-tin-cay__so {
	font-weight: 700;
	font-size: var(--wp--preset--font-size--large);
	color: var(--wp--preset--color--nhan);
	line-height: 1.2;
	margin-block-end: 0.15rem !important;
}

/* ==========================================================================
   16. TRA CUU NHANH
   ========================================================================== */

.danh-sach-tra-cuu {
	list-style: none;
	padding-left: 0;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
	gap: 0.6rem;
	margin-block-start: 1.5rem;
}

.danh-sach-tra-cuu li {
	margin: 0;
}

.danh-sach-tra-cuu a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;
	padding: 0.85rem 1.1rem;
	background: var(--wp--preset--color--nen-noi);
	border: 1px solid var(--wp--preset--color--vien);
	border-radius: 6px;
	text-decoration: none;
	color: var(--wp--preset--color--chu);
	font-weight: 500;
	font-size: var(--wp--preset--font-size--small);
	transition: border-color 0.15s ease, transform 0.15s ease;
}

.danh-sach-tra-cuu a::after {
	content: "›";
	color: var(--wp--preset--color--nhan);
	font-size: 1.3em;
	line-height: 1;
}

.danh-sach-tra-cuu a:hover {
	border-color: var(--wp--preset--color--nhan);
	color: var(--wp--preset--color--nhan);
	transform: translateX(2px);
}

/* ==========================================================================
   17. THE DICH VU CO ANH
   ========================================================================== */

.luoi-dich-vu {
	margin-block: 2rem;
	gap: 1.5rem;
}

.the-dich-vu {
	border: 1px solid var(--wp--preset--color--vien);
	border-radius: 10px;
	background: var(--wp--preset--color--nen-noi);
	overflow: hidden;
	padding: 0;
	height: 100%;
	display: flex;
	flex-direction: column;
	transition: border-color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
}

.the-dich-vu:hover {
	border-color: var(--wp--preset--color--nhan);
	transform: translateY(-3px);
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.07);
}

.the-dich-vu__anh {
	margin: 0;
	aspect-ratio: 16 / 9;
	overflow: hidden;
}

.the-dich-vu__anh img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.35s ease;
}

.the-dich-vu:hover .the-dich-vu__anh img {
	transform: scale(1.04);
}

.the-dich-vu__chu {
	padding: 1.1rem 1.25rem 1.35rem;
}

.the-dich-vu h3 {
	margin-block: 0 0.4rem;
}

.the-dich-vu h3 a {
	text-decoration: none;
	color: var(--wp--preset--color--chu);
}

.the-dich-vu:hover h3 a {
	color: var(--wp--preset--color--nhan);
}

.the-dich-vu p {
	color: var(--wp--preset--color--chu-nhat);
	margin: 0;
}

.lien-ket-xem-them a {
	font-weight: 600;
	text-decoration: none;
}

.lien-ket-xem-them a:hover {
	text-decoration: underline;
}

/* ==========================================================================
   18. DOI NET, DOI NGU, NGAN HANG
   ========================================================================== */

.anh-chu-ky {
	margin-block: 1.5rem 0.35rem;
}

.anh-chu-ky img {
	mix-blend-mode: multiply;
}

.anh-van-phong img {
	border-radius: 10px;
	width: 100%;
	height: auto;
}

.luoi-doi-ngu {
	margin-block: 1.75rem;
	gap: 1.25rem;
}

.the-nguoi {
	border-left: 3px solid var(--wp--preset--color--nhan);
	padding-left: 1rem;
}

.the-nguoi p {
	margin: 0;
}

.the-nguoi .ten-nguoi {
	margin-block-end: 0.15rem;
}

.the-nguoi .has-small-font-size {
	color: var(--wp--preset--color--chu-nhat);
}

.logo-ngan-hang {
	gap: 2rem;
	margin-block-start: 0.75rem;
}

.logo-ngan-hang figure {
	margin: 0;
}

.logo-ngan-hang img {
	filter: grayscale(1);
	opacity: 0.7;
	transition: filter 0.15s ease, opacity 0.15s ease;
}

.logo-ngan-hang img:hover {
	filter: none;
	opacity: 1;
}

/* ==========================================================================
   19. KHOI GOI HANH DONG CUOI TRANG CHU
   ========================================================================== */

.khoi-cta-cuoi h2,
.khoi-cta-cuoi p {
	color: #ffffff;
}

.khoi-cta-cuoi h2 {
	margin-block-start: 0;
}

.khoi-cta-cuoi p {
	max-width: 46ch;
	margin-inline: auto;
	opacity: 0.92;
}


/* ==========================================================================
   20. TIEU DE TREN NEN TOI
   theme.json gan mau chu toi cho moi the tieu de. Bat cu khoi nao co nen toi
   deu phai dat lai mau tieu de tuong minh, neu khong se chu toi tren nen toi.
   ========================================================================== */

.khoi-hero h1,
.khoi-hero h2,
.khoi-hero h3,
.khoi-cta-cuoi h1,
.khoi-cta-cuoi h2,
.khoi-cta-cuoi h3,
.thanh-tren-cung h1,
.thanh-tren-cung h2 {
	color: #ffffff;
}

/* ==========================================================================
   21. FORM LIEN HE
   ========================================================================== */

.form-lien-he {
	max-width: 40rem;
	margin-block: 1.75rem;
}

.form-lien-he .lh-hang {
	margin-block-end: 1.1rem;
}

.form-lien-he label {
	display: block;
	font-weight: 600;
	font-size: var(--wp--preset--font-size--small);
	margin-block-end: 0.35rem;
}

.form-lien-he label span {
	color: var(--wp--preset--color--nhan);
}

.form-lien-he input[type="text"],
.form-lien-he input[type="tel"],
.form-lien-he input[type="email"],
.form-lien-he select,
.form-lien-he textarea {
	width: 100%;
	padding: 0.7rem 0.85rem;
	border: 1px solid var(--wp--preset--color--vien);
	border-radius: 6px;
	background: var(--wp--preset--color--nen-noi);
	font-family: inherit;
	font-size: var(--wp--preset--font-size--medium);
	color: var(--wp--preset--color--chu);
}

.form-lien-he input:focus,
.form-lien-he select:focus,
.form-lien-he textarea:focus {
	outline: 2px solid var(--wp--preset--color--nhan);
	outline-offset: 1px;
	border-color: var(--wp--preset--color--nhan);
}

.form-lien-he textarea {
	resize: vertical;
	min-height: 8rem;
}

.lh-doi {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
	gap: 0 1rem;
}

/* Truong moi nhu: an khoi mat nguoi that nhung bot van doc duoc trong ma nguon */
.lh-moi-nhu {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.lh-ghi-chu {
	font-size: var(--wp--preset--font-size--x-small);
	color: var(--wp--preset--color--chu-nhat);
	margin-block-end: 1.25rem;
}

.form-lien-he button {
	background: var(--wp--preset--color--nhan);
	color: #ffffff;
	border: 0;
	border-radius: 6px;
	padding: 0.8rem 1.75rem;
	font-family: inherit;
	font-size: var(--wp--preset--font-size--medium);
	font-weight: 600;
	cursor: pointer;
}

.form-lien-he button:hover {
	background: var(--wp--preset--color--nhan-dam);
}

.lh-thong-bao {
	border-left: 3px solid;
	padding: 1rem 1.25rem;
	border-radius: 0 6px 6px 0;
	margin-block: 1.5rem;
}

.lh-thong-bao p {
	margin: 0;
}

.lh-thanh-cong {
	border-color: #1a6b38;
	background: #e8f5ec;
	color: #14532b;
}

.lh-that-bai {
	border-color: var(--wp--preset--color--nhan);
	background: var(--wp--preset--color--nhan-nhat);
	color: var(--wp--preset--color--nhan-dam);
}

/* ==========================================================================
   22. O TIM KIEM TREN HEADER
   Site co 36 trang ma khong co o tim nao hien thi — khach phai do menu.
   ========================================================================== */

.o-tim-kiem {
	max-width: 15rem;
}

.o-tim-kiem .wp-block-search__input {
	border: 1px solid var(--wp--preset--color--vien);
	border-radius: 6px;
	padding: 0.45rem 0.7rem;
	font-size: var(--wp--preset--font-size--small);
	font-family: inherit;
	background: var(--wp--preset--color--nen);
}

.o-tim-kiem .wp-block-search__input:focus {
	outline: 2px solid var(--wp--preset--color--nhan);
	outline-offset: 1px;
}

.o-tim-kiem .wp-block-search__button {
	background: transparent;
	border: 0;
	color: var(--wp--preset--color--nhan);
	padding-inline: 0.5rem;
}

.khoi-phai {
	gap: 1rem;
}

@media (max-width: 62rem) {
	.o-tim-kiem { max-width: 11rem; }
}

@media (max-width: 50rem) {
	/* Tren dien thoai o tim xuong hang rieng cho de bam */
	.o-tim-kiem {
		max-width: none;
		flex-basis: 100%;
		order: 3;
	}
}

/* Gio lam viec tren thanh tren cung */
.ttc-gio {
	opacity: 0.85;
}

@media (max-width: 72rem) {
	.ttc-gio { display: none; }
}

/* ==========================================================================
   23. TRANG HOI DAP
   ========================================================================== */

.muc-hoi-dap {
	border-bottom: 1px solid var(--wp--preset--color--vien);
	padding-block-end: 1.5rem;
	margin-block-end: 1.5rem;
}

.muc-hoi-dap:last-of-type {
	border-bottom: 0;
}

.muc-hoi-dap h2 {
	margin-block: 0 0.6rem;
	position: relative;
	padding-left: 1.9rem;
}

.muc-hoi-dap h2::before {
	content: "?";
	position: absolute;
	left: 0;
	top: 0.1em;
	width: 1.35rem;
	height: 1.35rem;
	line-height: 1.35rem;
	text-align: center;
	border-radius: 50%;
	background: var(--wp--preset--color--nhan);
	color: #fff;
	font-size: 0.85rem;
	font-weight: 700;
}

.muc-hoi-dap p {
	margin: 0;
	padding-left: 1.9rem;
	color: var(--wp--preset--color--chu-nhat);
}


/* === BAT DAU MUC 24 === */
/* ==========================================================================
   24. BO CUC BA COT VA MODULE COT BEN
   Truoc day trang noi dung chi co mot cot hep o giua, hai ben trong hoac.
   Cot ben vua lap khoang trong vua cho khach duong di tiep: dang doc trang
   thu tuc thi thay ngay cac thu tuc cung muc, so hotline va ban do ma khong
   phai cuon len header hay xuong chan trang.
   ========================================================================== */

.bo-cuc-co-cot {
	display: grid;
	gap: 2rem;
	max-width: 87.5rem;
	margin-inline: auto;
	padding-inline: clamp(1rem, 4vw, 2.5rem);

	/* Dien thoai: noi dung truoc, cot ben xuong duoi. Khach vao de doc noi dung. */
	grid-template-columns: minmax(0, 1fr);
	grid-template-areas:
		"chinh"
		"trai"
		"phai";
}

.cot-trai  { grid-area: trai; }
.cot-chinh { grid-area: chinh; min-width: 0; }
.cot-phai  { grid-area: phai; }

/* Tu 900px: cot trai co cho, hai khoi ben don ve mot cot */
@media (min-width: 56.25rem) {
	.bo-cuc-co-cot {
		align-items: start;
		column-gap: 2.25rem;
		grid-template-columns: 16.5rem minmax(0, 1fr);
		grid-template-areas:
			"trai chinh"
			"phai chinh";
	}
}

/* Tu 1248px: du cho cho ca hai ben */
@media (min-width: 78rem) {
	.bo-cuc-co-cot {
		grid-template-columns: 16.5rem minmax(0, 1fr) 17.5rem;
		grid-template-areas: "trai chinh phai";
	}

	/* Cot phai ngan hon cot trai nen bam theo khi cuon; cot trai co ban do,
	   thuong cao hon man hinh, bam theo se bi cat mat phan duoi. */
	.cot-phai {
		position: sticky;
		top: 1.25rem;
	}
}

/*
 * Noi dung trong cot chinh dung het be ngang cua cot.
 *
 * theme.json gioi han be ngang noi dung o contentSize de de doc. Trong cot
 * chinh, chinh cot da lam nhiem vu do roi — neu de nguyen thi noi dung bi
 * bop them lan nua va thua le hai ben.
 */
.cot-chinh {
	--wp--style--global--content-size: 100%;
	--wp--style--global--wide-size: 100%;
}

.cot-chinh .has-global-padding {
	padding-inline: 0;
}

/* --- Khoi chung o cot ben --- */

.cb-khoi {
	background: var(--wp--preset--color--nen-noi);
	border: 1px solid var(--wp--preset--color--vien);
	border-radius: 10px;
	padding: 1.15rem 1.2rem 1.25rem;
	margin-block-end: 1.5rem;
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.65;
}

.cb-khoi:last-child {
	margin-block-end: 0;
}

/* theme.json dat mau toi cho moi tieu de — khai bao lai o day cho ro rang */
.cb-khoi .cb-tieu-de {
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.4;
	color: var(--wp--preset--color--nhan-dam);
	margin: 0 0 0.85rem;
	padding-block-end: 0.6rem;
	border-bottom: 2px solid var(--wp--preset--color--nhan);
}

.cb-khoi .cb-tieu-de a {
	color: inherit;
	text-decoration: none;
}

.cb-khoi .cb-tieu-de a:hover,
.cb-khoi .cb-tieu-de a:focus-visible {
	text-decoration: underline;
}

.cb-khoi p {
	margin-block: 0 0.75rem;
}

.cb-khoi p:last-child {
	margin-block-end: 0;
}

/* --- Danh sach lien ket --- */

.cb-danh-sach {
	list-style: none;
	margin: 0;
	padding: 0;
}

.cb-danh-sach li {
	margin: 0;
	border-bottom: 1px solid var(--wp--preset--color--vien);
}

.cb-danh-sach li:last-child {
	border-bottom: 0;
}

.cb-danh-sach a {
	display: block;
	padding: 0.55rem 0 0.55rem 0.9rem;
	position: relative;
	color: var(--wp--preset--color--chu);
	text-decoration: none;
}

.cb-danh-sach a::before {
	content: "";
	position: absolute;
	left: 0;
	top: 1.05em;
	width: 0.3rem;
	height: 0.3rem;
	border-radius: 50%;
	background: var(--wp--preset--color--nhan);
}

.cb-danh-sach a:hover,
.cb-danh-sach a:focus-visible {
	color: var(--wp--preset--color--nhan-dam);
	text-decoration: underline;
}

/* Trang dang xem: to dam va co vach mau ben trai, khach biet minh dang o dau */
.cb-danh-sach .cb-dang-xem {
	background: var(--wp--preset--color--nhan-nhat);
	margin-inline: -1.2rem;
	padding-inline: 1.2rem;
}

.cb-danh-sach .cb-dang-xem a {
	font-weight: 600;
	color: var(--wp--preset--color--nhan-dam);
	box-shadow: inset 0.2rem 0 0 var(--wp--preset--color--nhan);
	padding-left: 1.1rem;
}

.cb-danh-sach .cb-dang-xem a::before {
	display: none;
}

/* --- Khoi thong tin lien he --- */

.cb-lien-he .cb-dong {
	margin-block-end: 0.85rem;
}

.cb-lien-he .cb-nhan {
	display: block;
	font-size: var(--wp--preset--font-size--x-small);
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--wp--preset--color--chu-nhat);
	margin-block-end: 0.15rem;
}

.cb-lien-he a,
.cb-tu-van .cb-gui-yeu-cau a,
.cb-ban-do .cb-chi-duong a {
	color: var(--wp--preset--color--nhan-dam);
	font-weight: 500;
}

/* --- Nut goi va Zalo --- */

.cb-nut {
	display: flex;
	gap: 0.5rem;
	margin-block-start: 1rem;
}

.cb-nut-goi,
.cb-nut-zalo {
	flex: 1;
	text-align: center;
	padding: 0.6rem 0.4rem;
	border-radius: 6px;
	font-weight: 600;
	text-decoration: none;
	font-size: var(--wp--preset--font-size--small);
}

.cb-nut-goi {
	background: var(--wp--preset--color--nhan);
	color: #ffffff;
}

.cb-nut-goi:hover,
.cb-nut-goi:focus-visible {
	background: var(--wp--preset--color--nhan-dam);
	color: #ffffff;
}

.cb-nut-zalo {
	background: transparent;
	border: 1px solid var(--wp--preset--color--nhan);
	color: var(--wp--preset--color--nhan-dam);
}

.cb-nut-zalo:hover,
.cb-nut-zalo:focus-visible {
	background: var(--wp--preset--color--nhan-nhat);
}

/* --- Ban do --- */

.cb-khung-ban-do {
	aspect-ratio: 4 / 3;
	border-radius: 8px;
	overflow: hidden;
	border: 1px solid var(--wp--preset--color--vien);
	margin-block-end: 0.75rem;
}

.cb-khung-ban-do iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
}

.cb-ban-do .cb-chi-duong {
	font-size: var(--wp--preset--font-size--x-small);
}

/* --- Khoi keu goi tu van o cot phai --- */

.cb-tu-van {
	background: var(--wp--preset--color--nhan-nhat);
	border-color: var(--wp--preset--color--nhan);
}

.cb-tu-van p {
	color: var(--wp--preset--color--chu-nhat);
}

.cb-tu-van .cb-nut-goi {
	flex: 1;
}

.cb-tu-van .cb-gui-yeu-cau {
	text-align: center;
	margin-block-start: 0.7rem;
	font-size: var(--wp--preset--font-size--x-small);
}

/* --- Van ban phap luat: so hieu dai, cho xuong dong --- */

.cb-van-ban .cb-danh-sach a {
	word-break: break-word;
}

/* Tren dien thoai: cot ben xuong duoi noi dung, gian cach ro rang */
@media (max-width: 56.24rem) {
	.cot-ben {
		border-top: 3px solid var(--wp--preset--color--vien);
		padding-block-start: 1.75rem;
	}
}

/* In ra giay: chi in noi dung, bo cot ben */
@media print {
	.cot-ben {
		display: none;
	}

	.bo-cuc-co-cot {
		display: block;
		padding-inline: 0;
	}
}

/* --- Doan mo dau cua trang --- */

/*
 * Truoc day doan nay boc <em><strong>: ca doan vua dam vua nghieng, doc met mat
 * va lam nhoe trong tam. Nay bo het dinh dang trong noi dung, kieu chu do CSS lo.
 *
 * Phai ghi kem .wp-block-post-content > p vi quy tac o muc 1 nham vao
 * p:first-of-type, do cu the hon .doan-mo-dau don le nen se de len.
 */
.wp-block-post-content > p.doan-mo-dau,
.entry-content > p.doan-mo-dau,
.doan-mo-dau {
	font-size: calc(var(--wp--preset--font-size--medium) * 1.1);
	font-style: normal;
	font-weight: 400;
	line-height: 1.7;
	color: var(--wp--preset--color--chu-nhat);
	border-left: 3px solid var(--wp--preset--color--nhan);
	padding-left: 1.1rem;
	margin-block: 0 1.9rem;
}

/* --- Tieu de muc trong noi dung --- */

/* Cac tieu de nay truoc la doan in dam; can khoang tho de tach khoi doan tren */
.cot-chinh .wp-block-post-content h2 {
	margin-block: 2.25rem 0.85rem;
}

.cot-chinh .wp-block-post-content h3 {
	margin-block: 1.9rem 0.7rem;
	color: var(--wp--preset--color--nhan-dam);
}

.cot-chinh .wp-block-post-content > *:first-child {
	margin-block-start: 0;
}

/* === KET THUC MUC 24 === */