/*
Theme Name: Lich Ngay
Theme URI: https://lichngay.com/
Description: Child theme cua Twenty Twenty-Five. Thong nhat mot bang mau vang dong - kem - nau va mot bo chu Prata + Lora cho toan bo lichngay.com.
Author: lichngay.com
Template: twentytwentyfive
Version: 1.0.0
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: lichngay
*/

/* ==========================================================================
   0. Bien dung chung
   ========================================================================== */
:root {
	--lich-vang: #C89A32;
	--lich-vang-nhat: #DAB96C;
	/* Vang o tren la mau lay tu hop lich trang chu. Dung lam NEN hay VIEN thi dep,
	   nhung dung lam CHU tren nen trang thi chi duoc 2,58:1 — WCAG AA doi 4,5:1 cho
	   chu thuong. Do la 5 cho: nhan chuyen muc tren the bai, so bai o the chu de,
	   so thu tu muc luc, mui ten ▾, va so thu tu bang xem nhieu.
	   Ban dam duoi day do duoc 5,05:1 tren nen trang va 4,75:1 tren nen kem. Mat
	   thuong gan nhu khong phan biet duoc voi ban goc o co chu 13-14px. */
	--lich-vang-dam: #8A6A18;
	--lich-kem: #FFF7E9;
	--lich-kem-nhat: #FFFBF3;
	--lich-nau: #43382C;
	--lich-nau-nhat: #7A6A57;
	--lich-do: #8C2318;
	--lich-vien: #E8DCC8;
	--lich-bo: 10px;
	--lich-bong: 0 1px 2px rgba(67, 56, 44, .06), 0 8px 24px rgba(67, 56, 44, .07);
}

/* CSS cua plugin lich tung dat "* { box-sizing: border-box }" cho ca site.
   functions.php go CSS do o trang khong phai lich, nen cac khoi duoi day
   quay ve content-box: padding cong THEM vao max-width, hop bi phinh ra
   ngoai cot chu (.lich-ngaytot do 804px thay vi 760px). Dat lai tai cho. */
.lich-box, .lich-box *,
.lich-ngaytot, .lich-ngaytot *,
.lich-the, .lich-the *,
.lich-chiase, .lich-chiase *,
.lich-lienquan, .lich-lienquan *,
.lich-breadcrumb, .lich-breadcrumb *,
.lich-meta, .lich-meta *,
.lich-2cot, .lich-2cot > * {
	box-sizing: border-box;
}

/* ==========================================================================
   1. Go thiet hai cua CSS plugin lich tren cac trang KHONG phai lich
   Plugin nap style.css tren moi trang, trong do co:
       * { margin:0; padding:0 }        -> mat het gian doan
       ul { list-style-type: none }     -> mat dau dau dong
       h2,h3 { margin-bottom:0 }        -> tieu de dinh vao chu
       body { line-height:1.3 }         -> qua chat voi dau tieng Viet
   functions.php da go han CSS do o trang khong phai lich; phan duoi la lop
   phong ho, phong khi plugin duoc goi qua shortcode o mot bai viet.
   ========================================================================== */
.wp-block-post-content ul:not([class*="wp-block"]),
.wp-block-post-content ol:not([class*="wp-block"]),
.entry-content ul, .entry-content ol {
	list-style-position: outside;
	padding-left: 1.35em;
	margin: 0 0 1.2em;
}
.wp-block-post-content ul:not([class*="wp-block"]) { list-style-type: disc; }
.wp-block-post-content ol:not([class*="wp-block"]) { list-style-type: decimal; }
.wp-block-post-content li { margin-bottom: .5em; }
.wp-block-post-content li > ul,
.wp-block-post-content li > ol { margin: .5em 0 0; }

/* ==========================================================================
   2. Chu trong bai viet
   ========================================================================== */
.wp-block-post-content p { margin: 0 0 1.25em; }
.wp-block-post-content > :where(h2, h3, h4) { margin-top: 2.1em; margin-bottom: .55em; }
.wp-block-post-content > h2 { margin-top: 1.9em; }
.wp-block-post-content > h2::after {
	content: "";
	display: block;
	width: 56px;
	height: 3px;
	margin-top: .45em;
	background: var(--lich-vang);
	border-radius: 2px;
}
.wp-block-post-content strong { font-weight: 700; color: var(--lich-nau); }
.wp-block-post-content a { text-underline-offset: .18em; text-decoration-thickness: 1px; }
.wp-block-post-content img { border-radius: var(--lich-bo); height: auto; }
.wp-block-post-content figure { margin: 1.8em 0; }

/* ⚠ Anh trong THAN BAI phai bi cot chu chan lai.
   Do that ngay 25/08 tren bai "le-cuoi-gom-nhung-gi": cot chu rong 760px nhung
   mot <img> ve ra dung 1920px — no chay de len ca cot phai va lam
   documentElement.scrollWidth = 2269 > innerWidth 1912, tuc ca trang co thanh
   cuon ngang. Nguyen nhan la bai cu soan bang Classic Editor sinh
   <figure class="wp-caption" style="width:1920px">: chieu rong INLINE do thang
   moi rang buoc cua block core, nen anh giu nguyen kich thuoc goc.
   Chi ep trong pham vi noi dung bai — do la cho HTML do nguoi viet tao ra, hinh
   dang khong kiem soat duoc; KHONG dat luat nay cho ca site keo cac khoi minh
   tu ve (the bai, logo, hop lich) bi vap lay. */
.wp-block-post-content img,
.wp-block-post-content video,
.wp-block-post-content iframe,
.wp-block-post-content figure,
.entry-content img,
.entry-content figure { max-width: 100%; }

/* ⚠ Rieng `max-width: 100%` o tren KHONG du, va day la cho de tuong nham nhat.
   WordPress cho figure cua khoi anh `display: table`. Voi hop table, be rong
   dung KHONG duoc phep nho hon be rong toi thieu cua noi dung; ma noi dung o
   day la mot <img> rong 1280px (bang `max-width:100%` cua chinh no lai quy
   chieu ve be rong table => vong tron, trinh duyet lay kich thuoc goc). Ket qua
   la `max-width: 100%` van bao 100% ma hop van ve ra 1280px.
   Do that sau khi da day ban va: figure 2 va 3 con nguyen 1280px trong cot
   760px. Phai doi han sang `display: block` thi phan tram moi co nghia.
   `width: auto !important` la de thang chieu rong INLINE `style="width:1280px"`
   ma Classic Editor gan vao .wp-caption — cai nay khong co !important thi thua.
   Chua .is-resized: do la anh nguoi viet CO Y keo nho lai, giu nguyen display. */
.wp-block-post-content figure.wp-block-image:not(.is-resized),
.wp-block-post-content figure.wp-caption:not(.is-resized),
.entry-content figure.wp-block-image:not(.is-resized),
.entry-content figure.wp-caption:not(.is-resized) {
	display: block;
	width: auto !important;
	margin-left: auto;
	margin-right: auto;
}
/* ⚠ figcaption di LIEN voi display:table o tren: WordPress dat no
   `display: table-caption`. Khi figure thoi lam table, dua con table-caption
   mo coi tu sinh ra mot hop table an danh va CO LAI bang be rong noi dung nho
   nhat — do that: chu thich con 41px, moi dong mot chu, xep doc.
   Sua figure ma quen figcaption la doi mot loi xau lay mot loi xau hon.
   Ban dau viet ".wp-block-post-content figure > figcaption { display: block }"
   — do lai van con 6/7 chu thich rong ~40px: CSS cua khoi core thang do uu tien.
   Nen phai lay dung bo chon cua figure o tren roi them !important. */
.wp-block-post-content figure.wp-block-image:not(.is-resized) > figcaption,
.wp-block-post-content figure.wp-caption:not(.is-resized) > figcaption,
.entry-content figure.wp-block-image:not(.is-resized) > figcaption,
.entry-content figure.wp-caption:not(.is-resized) > figcaption {
	display: block !important;
	text-align: center;
}

.wp-block-post-content table {
	width: 100%;
	border-collapse: collapse;
	margin: 1.6em 0;
	font-size: 1.0625rem;
	overflow-wrap: break-word;
}
.wp-block-post-content th,
.wp-block-post-content td {
	border: 1px solid var(--lich-vien);
	padding: .6rem .8rem;
	text-align: left;
	vertical-align: top;
}
.wp-block-post-content thead th { background: var(--lich-kem); font-weight: 700; }
.wp-block-post-content tbody tr:nth-child(even) { background: var(--lich-kem-nhat); }

/* ==========================================================================
   3. Dau bai viet
   ========================================================================== */
.lich-breadcrumb {
	font-size: .9375rem;
	color: var(--lich-nau-nhat);
	margin-bottom: 1rem;
	line-height: 1.6;
}
.lich-breadcrumb a { color: var(--lich-nau-nhat); text-decoration: none; }
.lich-breadcrumb a:hover { color: var(--lich-do); text-decoration: underline; }
.lich-breadcrumb .separator { margin: 0 .4em; opacity: .6; }

.lich-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .4rem .9rem;
	font-size: .9375rem;
	color: var(--lich-nau-nhat);
	margin: .6rem 0 1.6rem;
	padding-bottom: 1.1rem;
	border-bottom: 1px solid var(--lich-vien);
}
.lich-meta .lich-cat {
	background: var(--lich-kem);
	color: var(--lich-do);
	border: 1px solid var(--lich-vien);
	border-radius: 999px;
	padding: .15em .8em;
	font-size: .875rem;
	text-decoration: none;
}
.lich-meta .lich-cat:hover { background: var(--lich-vang); color: #fff; border-color: var(--lich-vang); }

/* ==========================================================================
   4. Bo cuc 2 cot cho bai viet
   ========================================================================== */
.lich-2cot {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: var(--wp--preset--spacing--50, 44px);
}
/* Bo cuc "flow" cua WordPress tu chen margin-block-start giua cac khoi con.
   Trong luoi 2 cot, cai do day cot phu tut xuong so voi cot chinh. */
.lich-2cot > * { margin-block-start: 0; }
@media (min-width: 1040px) {
	.lich-2cot { grid-template-columns: minmax(0, 1fr) 320px; align-items: start; }
	.lich-2cot > .lich-sidebar { position: sticky; top: 24px; }
}
.lich-sidebar > * + * { margin-top: 1.4rem; }

/* ==========================================================================
   5. Khoi widget dung chung
   ========================================================================== */
.lich-box {
	background: var(--lich-kem-nhat);
	border: 1px solid var(--lich-vien);
	border-radius: var(--lich-bo);
	padding: 1.15rem 1.25rem;
}
.lich-box > .lich-box-tieu-de {
	font-family: Prata, Georgia, serif;
	font-size: 1.125rem;
	font-weight: 400;
	line-height: 1.35;
	margin: 0 0 .9rem;
	padding-bottom: .55rem;
	border-bottom: 2px solid var(--lich-vang);
	color: var(--lich-nau);
}
.lich-box ul { list-style: none; margin: 0; padding: 0; }

/* Danh sach lien ket don gian trong hop (cung chuyen muc) */
.lich-ds li { padding: .55rem 0; border-bottom: 1px dashed var(--lich-vien); }
.lich-ds li:last-child { border-bottom: 0; }
.lich-ds a {
	color: var(--lich-nau);
	text-decoration: none;
	font-size: .9875rem;
	line-height: 1.5;
}
.lich-ds a:hover { color: var(--lich-do); text-decoration: underline; }
.lich-xemthem {
	display: inline-block;
	margin-top: .9rem;
	font-size: .9375rem;
	color: var(--lich-do);
	text-decoration: none;
	font-weight: 700;
}
.lich-xemthem:hover { text-decoration: underline; }

/* Tieu de cap muc ngoai bai (Bai viet lien quan, Xem nhieu o trang chu) */
.lich-tieu-de-muc {
	font-family: Prata, Georgia, serif;
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 1.3;
	margin: 0 0 1.2rem;
	color: var(--lich-nau);
}
.lich-tieu-de-muc::after {
	content: "";
	display: block;
	width: 56px;
	height: 3px;
	margin-top: .5rem;
	background: var(--lich-vang);
}
.lich-lienquan { margin-top: 2.8rem; padding-top: 2rem; border-top: 1px solid var(--lich-vien); }

/* ==========================================================================
   6. Muc luc
   ========================================================================== */
/* Danh so PHAI tu dat bang counter: neu de <ol> tu danh so thi cac muc h3
   cung an so, lam so cua h2 nhay coc 1 - 3 - 8 - 14. Do do bo marker mac
   dinh (can du do dam de thang rule list-style cua theme cha) roi chi
   tang bien dem o muc h2; muc h3 deo dau gach. */
.lich-box.lich-mucluc ol,
.lich-box.lich-mucluc li { list-style: none !important; }
.lich-mucluc ol { counter-reset: ml; margin: 0; padding: 0; }
.lich-mucluc li { margin: 0 0 .5rem; line-height: 1.5; }
.lich-mucluc li:not(.muc-h3) { counter-increment: ml; }
.lich-mucluc li:not(.muc-h3) > a::before {
	content: counter(ml) ". ";
	color: var(--lich-vang-dam);
	font-weight: 700;
}
/* Gach dau dong cua muc con: vang-nhat chi duoc 1,77:1 tren nen kem, gan nhu tang
   hinh. Doi sang nau-nhat (4,90:1) — van chim hon so thu tu mau vang o muc cha,
   nen thu bac muc luc khong doi. */
.lich-mucluc li.muc-h3 > a::before { content: "– "; color: var(--lich-nau-nhat); }
.lich-mucluc li.muc-h3 { margin-left: 1.1rem; font-size: .9375rem; }
.lich-mucluc a {
	color: var(--lich-nau);
	text-decoration: none;
	display: block;
	padding: .18rem 0 .18rem .3rem;
	border-left: 2px solid transparent;
}
.lich-mucluc a:hover { color: var(--lich-do); }
.lich-mucluc a.dang-doc {
	border-left-color: var(--lich-vang);
	color: var(--lich-do);
	font-weight: 700;
	background: var(--lich-kem);
}
.lich-mucluc > details > summary {
	cursor: pointer;
	list-style: none;
	font-family: Prata, Georgia, serif;
	font-size: 1.0625rem;
}
.lich-mucluc > details > summary::-webkit-details-marker { display: none; }
.lich-mucluc > details > summary::after { content: " ▾"; color: var(--lich-vang-dam); }
.lich-mucluc > details[open] > summary::after { content: " ▴"; }

/* Neo tieu de khong bi header che */
.wp-block-post-content :where(h2, h3)[id] { scroll-margin-top: 20px; }

/* ==========================================================================
   7. Danh sach bai xem nhieu (co so thu tu)
   ========================================================================== */
.lich-xemnhieu li {
	display: flex;
	gap: .75rem;
	align-items: flex-start;
	padding: .6rem 0;
	border-bottom: 1px dashed var(--lich-vien);
}
.lich-xemnhieu li:last-child { border-bottom: 0; }
.lich-xemnhieu .stt {
	/* KHONG dung Prata o day: chu so 1 cua Prata la mot net doc tran,
	   nhin y het dau |. Lay chu than bai (Lora) cho de doc. */
	font-family: inherit;
	font-weight: 700;
	font-size: 1.375rem;
	line-height: 1;
	color: var(--lich-vang-dam);
	min-width: 1.3em;
	text-align: center;
	flex: none;
}
.lich-xemnhieu a {
	color: var(--lich-nau);
	text-decoration: none;
	font-size: .9875rem;
	line-height: 1.5;
}
.lich-xemnhieu a:hover { color: var(--lich-do); }

/* ==========================================================================
   8. The bai viet
   ========================================================================== */
.lich-luoi {
	display: grid;
	gap: 1.4rem;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	margin: 0;
	padding: 0;
	list-style: none;
}
.lich-the {
	background: #fff;
	border: 1px solid var(--lich-vien);
	border-radius: var(--lich-bo);
	overflow: hidden;
	display: flex;
	flex-direction: column;
	transition: box-shadow .2s ease, transform .2s ease;
}
.lich-the:hover { box-shadow: var(--lich-bong); transform: translateY(-2px); }
.lich-the .anh { display: block; aspect-ratio: 16 / 9; background: var(--lich-kem); overflow: hidden; }
.lich-the .anh img { width: 100%; height: 100%; object-fit: cover; display: block; }
.lich-the .than { padding: .85rem 1rem 1.05rem; display: flex; flex-direction: column; gap: .4rem; flex: 1; }
.lich-the .chuyenmuc {
	font-size: .8125rem;
	text-transform: uppercase;
	letter-spacing: .06em;
	color: var(--lich-vang-dam);
}
.lich-the h3, .lich-the .ten {
	font-family: Prata, Georgia, serif;
	font-size: 1.0625rem;
	font-weight: 400;
	line-height: 1.4;
	margin: 0;
}
.lich-the .ten a { color: var(--lich-nau); text-decoration: none; }
.lich-the:hover .ten a { color: var(--lich-do); }
.lich-the .trich {
	font-size: .9375rem;
	line-height: 1.6;
	color: var(--lich-nau-nhat);
	margin: 0;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* ==========================================================================
   9. Bang truot ngang trang chu
   ========================================================================== */
.lich-bang-truot { position: relative; }
.lich-bang-truot .duong {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: minmax(232px, 1fr);
	gap: 1.1rem;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	padding: 4px 4px 14px;
	scrollbar-width: thin;
	/* Thanh cuon la mot bo phan giao dien: WCAG 1.4.11 doi 3:1. Vang-nhat chi
	   1,77:1 tren nen trang — nguoi dung khong thay bang truot con keo duoc. */
	scrollbar-color: var(--lich-vang-dam) transparent;
}
@media (min-width: 900px) { .lich-bang-truot .duong { grid-auto-columns: minmax(248px, 260px); } }
.lich-bang-truot .duong > * { scroll-snap-align: start; }
.lich-bang-truot .duong::-webkit-scrollbar { height: 8px; }
.lich-bang-truot .duong::-webkit-scrollbar-thumb { background: var(--lich-vang-dam); border-radius: 8px; }
.lich-bang-truot .nut {
	position: absolute;
	top: 38%;
	width: 40px; height: 40px;
	border-radius: 50%;
	border: 1px solid var(--lich-vien);
	background: #fff;
	color: var(--lich-nau);
	font-size: 1.1rem;
	line-height: 1;
	cursor: pointer;
	box-shadow: var(--lich-bong);
	display: none;
}
@media (min-width: 900px) { .lich-bang-truot .nut { display: block; } }
.lich-bang-truot .nut:hover { background: var(--lich-vang); color: #fff; border-color: var(--lich-vang); }
.lich-bang-truot .nut.trai { left: -18px; }
.lich-bang-truot .nut.phai { right: -18px; }
.lich-bang-truot .nut[disabled] { opacity: .35; cursor: default; }

/* ==========================================================================
   10. Hop "Xem ngay tot cho viec nay"
   ========================================================================== */
.lich-ngaytot {
	background: linear-gradient(180deg, var(--lich-kem) 0%, #fff 100%);
	border: 1px solid var(--lich-vang-nhat);
	border-radius: var(--lich-bo);
	padding: 1.2rem 1.3rem;
	margin: 2.2em 0;
}
.lich-ngaytot .tieu-de {
	font-family: Prata, Georgia, serif;
	font-size: 1.2rem;
	margin: 0 0 .45rem;
	color: var(--lich-do);
}
.lich-ngaytot p { margin: 0 0 .9rem; font-size: 1rem; color: var(--lich-nau-nhat); }
.lich-ngaytot .cac-nut { display: flex; flex-wrap: wrap; gap: .55rem; }
.lich-ngaytot .cac-nut a {
	display: inline-block;
	background: var(--lich-do);
	color: #fff;
	text-decoration: none;
	border-radius: 6px;
	padding: .55rem 1.05rem;
	font-size: .9875rem;
	font-weight: 700;
}
.lich-ngaytot .cac-nut a.phu {
	background: #fff;
	color: var(--lich-nau);
	border: 1px solid var(--lich-vien);
	font-weight: 400;
}
.lich-ngaytot .cac-nut a:hover { background: var(--lich-vang); color: #fff; border-color: var(--lich-vang); }

/* ==========================================================================
   11. Phan trang
   ========================================================================== */
.lich-phantrang { display: flex; flex-wrap: wrap; gap: .4rem; justify-content: center; margin: 2.6rem 0 0; }
.lich-phantrang a, .lich-phantrang span {
	min-width: 42px;
	text-align: center;
	padding: .5rem .8rem;
	border: 1px solid var(--lich-vien);
	border-radius: 6px;
	text-decoration: none;
	color: var(--lich-nau);
	font-size: .9875rem;
}
.lich-phantrang a:hover { background: var(--lich-kem); border-color: var(--lich-vang); }
.lich-phantrang .current { background: var(--lich-do); color: #fff; border-color: var(--lich-do); }

/* ==========================================================================
   12. Chia se
   ========================================================================== */
.lich-chiase { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem; margin: 2.2em 0 0; }
.lich-chiase .nhan { font-size: .9375rem; color: var(--lich-nau-nhat); }
.lich-chiase a, .lich-chiase button {
	display: inline-flex; align-items: center; gap: .4rem;
	padding: .42rem .9rem; border-radius: 999px;
	border: 1px solid var(--lich-vien); background: transparent;
	color: var(--lich-nau); text-decoration: none;
	font-family: inherit; font-size: .9375rem; line-height: 1.5; cursor: pointer;
}
.lich-chiase a:hover, .lich-chiase button:hover { background: var(--lich-kem); border-color: var(--lich-vang); }

/* ==========================================================================
   13. Binh luan
   ========================================================================== */
.wp-block-comments { margin-top: 3rem; padding-top: 2rem; border-top: 1px solid var(--lich-vien); }
.lich-as-hp { display: none !important; }

/* ==========================================================================
   14. Vun vat
   ========================================================================== */
.wp-block-post-title a { text-decoration: none; color: inherit; }
.wp-site-blocks a:focus-visible,
.wp-site-blocks button:focus-visible { outline: 2px solid var(--lich-vang); outline-offset: 2px; }
.screen-reader-text {
	position: absolute !important; width: 1px; height: 1px;
	overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap;
}
@media (prefers-reduced-motion: reduce) {
	.lich-the, .lich-bang-truot .duong { transition: none; scroll-behavior: auto; }
}

/* ==========================================================================
   15. Dot 4 — trang chu va cac trang danh sach
   ========================================================================== */

/* Van la chuyen box-sizing: xem ghi chu o dau tep. Cac khoi moi cung phai
   duoc dat lai, neu khong padding se cong them vao ben ngoai chieu rong. */
.lich-khoi-trangchu, .lich-khoi-trangchu *,
.lich-chude, .lich-chude *,
.lich-loc, .lich-loc *,
.lich-phantrang, .lich-phantrang * {
	box-sizing: border-box;
}

/* --- Khoi tren trang chu --- */
.lich-khoi-trangchu { margin: 3rem 0 0; }
.lich-khoi-trangchu > .lich-tieu-de-muc { margin-bottom: 1.3rem; }

/* --- The chu de --- */
.lich-chude {
	display: grid;
	gap: 1.1rem;
	grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
}
.the-chude {
	display: flex;
	flex-direction: column;
	gap: .4rem;
	padding: 1.1rem 1.2rem;
	background: linear-gradient(180deg, var(--lich-kem) 0%, #fff 100%);
	border: 1px solid var(--lich-vien);
	border-radius: var(--lich-bo);
	text-decoration: none;
	color: var(--lich-nau);
	transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.the-chude:hover { border-color: var(--lich-vang); box-shadow: var(--lich-bong); transform: translateY(-2px); }
.the-chude .ten { font-family: Prata, Georgia, serif; font-size: 1.0625rem; line-height: 1.35; color: var(--lich-do); }
.the-chude .mo-ta { font-size: .9375rem; line-height: 1.55; color: var(--lich-nau-nhat); }
.the-chude .dem { margin-top: auto; padding-top: .35rem; font-size: .8125rem; color: var(--lich-vang-dam); font-weight: 700; }

/* --- Thanh loc chuyen muc o /bai-viet/ --- */
.lich-loc {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
	margin: 0 0 1.8rem;
	padding-bottom: 1.2rem;
	border-bottom: 1px solid var(--lich-vien);
}
.lich-loc a {
	display: inline-flex;
	align-items: center;
	gap: .35rem;
	padding: .42rem .95rem;
	border: 1px solid var(--lich-vien);
	border-radius: 999px;
	text-decoration: none;
	color: var(--lich-nau);
	font-size: .9375rem;
	line-height: 1.5;
}
.lich-loc a:hover { background: var(--lich-kem); border-color: var(--lich-vang); }
/* Tren dien thoai, 10 the loc xuong dong thanh mot khoi cao 242px — het mot
   phan ba man hinh dau tien truoc khi thay bai nao. Cho truot ngang mot hang. */
@media (max-width: 719px) {
	.lich-loc {
		flex-wrap: nowrap;
		overflow-x: auto;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
	}
	.lich-loc::-webkit-scrollbar { display: none; }
	.lich-loc a { flex: none; }
}
.lich-loc a.dang-chon { background: var(--lich-do); border-color: var(--lich-do); color: #fff; }
.lich-loc .dem { font-size: .75rem; opacity: .7; }

/* --- Dau ba cham trong phan trang: khong phai o bam duoc nen khong ve khung --- */
.lich-phantrang .lich-cach {
	border: 0;
	min-width: 0;
	padding: .5rem .2rem;
	color: var(--lich-nau-nhat);
}

/* --- Mo ta chuyen muc + trang rong --- */
.lich-mota-cm {
	/* Luoi the rong 1200px, nhung mot doan van dai the thi khong ai doc noi:
	   giu do dai dong o muc de theo mat. */
	max-width: 780px;
	margin: 0 0 2rem;
	padding: 1rem 1.2rem;
	background: var(--lich-kem-nhat);
	border-left: 3px solid var(--lich-vang);
	border-radius: 0 var(--lich-bo) var(--lich-bo) 0;
	font-size: 1rem;
	line-height: 1.7;
	color: var(--lich-nau-nhat);
}
.lich-trong { padding: 2.5rem 0; text-align: center; color: var(--lich-nau-nhat); }

/* ==========================================================================
   16. DOT 5 — o tim kiem co goi y, trang 404
   ========================================================================== */

/* Reset toan cuc box-sizing da bien mat cung voi CSS cua plugin lich (xem §1),
   nen moi thanh phan moi phai tu khai lai — quen la vien + padding cong them
   vao chieu rong, o tim kiem tran ra khoi cot. */
.lich-timkiem, .lich-timkiem *,
.lich-404, .lich-404 * { box-sizing: border-box; }

.lich-an {
	position: absolute; width: 1px; height: 1px;
	margin: -1px; padding: 0; overflow: hidden;
	clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}

/* --- O tim kiem --- */
.lich-timkiem {
	position: relative;
	display: flex;
	gap: .5rem;
	max-width: 560px;
	margin: 0 0 1.75rem;
}
.lich-timkiem input[type="search"] {
	flex: 1;
	min-width: 0;
	padding: .7rem .95rem;
	font-family: inherit;
	font-size: 1rem;
	color: var(--lich-nau);
	background: #fff;
	border: 1px solid var(--lich-vien);
	border-radius: var(--lich-bo);
	-webkit-appearance: none;
	appearance: none;
}
.lich-timkiem input[type="search"]::placeholder { color: #6B5D4B; opacity: 1; }
.lich-timkiem input[type="search"]:focus-visible {
	outline: 2px solid var(--lich-vang);
	outline-offset: 1px;
	border-color: var(--lich-vang);
}
.lich-timkiem button {
	padding: .7rem 1.35rem;
	font-family: inherit;
	font-size: 1rem;
	font-weight: 600;
	color: #fff;
	background: var(--lich-do);
	border: 0;
	border-radius: var(--lich-bo);
	cursor: pointer;
}
.lich-timkiem button:hover { background: #73190F; }

/* --- Danh sach goi y --- */
.lich-goiy {
	position: absolute;
	top: calc(100% + .35rem);
	left: 0;
	right: 0;
	z-index: 40;
	margin: 0;
	padding: .3rem;
	list-style: none;
	background: #fff;
	border: 1px solid var(--lich-vien);
	border-radius: var(--lich-bo);
	box-shadow: var(--lich-bong);
}
.lich-goiy[hidden] { display: none; }
.lich-goiy li { margin: 0; }
.lich-goiy a {
	display: block;
	padding: .5rem .65rem;
	border-radius: 6px;
	color: var(--lich-nau);
	text-decoration: none;
	line-height: 1.4;
}
.lich-goiy .ten { display: block; font-size: .95rem; }
.lich-goiy .cm {
	display: block;
	margin-top: .15rem;
	font-size: .75rem;
	color: #6B5D4B;
}
.lich-goiy li.chon a,
.lich-goiy a:hover,
.lich-goiy a:focus-visible { background: var(--lich-kem); color: var(--lich-do); }

/* --- Trang 404 --- */
.lich-404-loi {
	max-width: 640px;
	margin: 0 0 1.5rem;
	font-size: 1.0625rem;
	line-height: 1.7;
	color: var(--lich-nau-nhat);
}
/* Hop "xem ngay tot" duoc thiet ke cho cot bai viet 760px; o day khung rong
   1200px nen phai ghim lai keo no keo dai het man hinh. */
.lich-404 .lich-ngaytot { max-width: 640px; margin-bottom: 2.5rem; }
.lich-404 .lich-khoi-trangchu { margin-top: 2.5rem; }

/* ==========================================================================
   16. Khoi tom tat ngay o dau trang lich (.lich-seo-tomtat)
   --------------------------------------------------------------------------
   Khoi nay do plugin lich-seo.php cam vao the_content. Truoc Dot 8 no khong
   co MOT dong CSS nao, nen hien thi bang kieu mac dinh: H1 chi 23,2px (nho
   hon ca H2 "HOM NAY" 26px ngay ben duoi), chu Inter thay vi Lora, danh sach
   cham tron tho, va — vi cha no la layout "constrained" — bi ghim vao
   contentSize 720px trong khi phan lich ben duoi rong 1518px, thanh ra lech
   han sang mot ben.
   Chi khoac kieu, KHONG doi noi dung: H1 o day la H1 chuan SEO cua trang.
   ========================================================================== */
.lich-seo-tomtat {
	/* Cha (.entry-content) la layout "constrained" nen mac dinh ghim con vao
	   contentSize 720px — qua hep, khoi lech han so voi phan lich ben duoi.
	   Noi ra bang wideSize 1200px nhung VAN giu margin auto de can giua.
	   ⚠ Da thu "max-width:none; margin:0": no tran het be ngang man hinh,
	   rong hon ca dau trang, trong con lech hon luc chua sua. */
	max-width: var(--wp--style--global--wide-size, 1200px);
	margin: 0 auto 2rem;
	padding: clamp(1.1rem, 2.4vw, 1.85rem) clamp(1.1rem, 2.4vw, 2rem);
	background: var(--lich-kem);
	border: 1px solid var(--lich-vien);
	border-left: 4px solid var(--lich-vang);
	border-radius: var(--lich-bo);
	box-sizing: border-box;
}
.lich-seo-tomtat > h1 {
	margin: 0 0 .6rem;
	font-family: Prata, Georgia, "Times New Roman", serif;
	/* Phai LON hon H2 26px ngay duoi no, neu khong thu tu doc bi dao nguoc. */
	font-size: clamp(1.5rem, 3.4vw, 2.05rem);
	line-height: 1.28;
	font-weight: 400;
	color: var(--lich-nau);
}
.lich-seo-tomtat > p {
	margin: 0 0 1.15rem;
	font-family: Lora, Georgia, serif;
	font-size: 1.0625rem;
	line-height: 1.7;
	color: var(--lich-nau-nhat);
}
.lich-seo-tomtat > ul {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: .5rem .75rem;
	margin: 0;
	padding: 0;
	list-style: none;
}
.lich-seo-tomtat > ul > li {
	/* Phai dat list-style TREN CA <li>, khong chi tren <ul>: cham tron van
	   hien ra o ban live vi CSS cua plugin lich dang dat list-style-type
	   thang vao li, ma quy tac tren ul thi khong de len duoc. */
	list-style: none;
	margin: 0;
	padding: .6rem .8rem;
	background: #fff;
	border: 1px solid var(--lich-vien);
	border-radius: 8px;
	font-family: Lora, Georgia, serif;
	font-size: .9375rem;
	line-height: 1.6;
	color: var(--lich-nau-nhat);
	box-sizing: border-box;
}
/* Gia tri nam trong <strong>. KHONG dung nth-child de tach "gio hoang dao"
   ra mau rieng: thu tu cac muc do plugin quyet dinh, doi thu tu la kieu
   nhay sang dong khac ma khong bao loi. Danh dong nhat cho chac. */
.lich-seo-tomtat > ul > li strong {
	font-weight: 700;
	color: var(--lich-nau);
}
@media (max-width: 781px) {
	.lich-seo-tomtat > ul { grid-template-columns: 1fr; }
}

/* --------------------------------------------------------------------------
   16b. Dot 10: khoi tom tat CHUYEN vao dai nen do, duoi tieu de "HÔM NAY"
   --------------------------------------------------------------------------
   Tu ban nay lich-seo.php chen khoi ngay SAU <h2 id="txtCalendarDay">, tuc la
   ben trong .lich-am-container (nen do #911D1D) chu khong con o dau bai nua.
   Cha moi la .class-margin rong 1518px, khong phai layout "constrained", nen
   phai tu ghim 1200px + margin auto lai; ke thua tu quy tac tren khong du vi
   bien --wp--style--global--wide-size chi co nghia trong khoi WordPress.
   -------------------------------------------------------------------------- */
.lich-am-container .lich-seo-tomtat {
	max-width: 1200px;
	/* Co khoang tho voi the h2 ngay tren, va voi bang lich ngay duoi. */
	margin: 1.25rem auto 1.75rem;
	text-align: left;
}

/* Tieu de "HÔM NAY" — phong to cho noi bat.
   ⚠ font-family PHAI co `!important`: plugin lich_am_plugin viet
     `h2, h3 { font-family: unset !important }`, khong co no thi chu van la Inter.
   ⚠ font-size thi KHONG can `!important`: doi thu duy nhat la `.txtHeader-White
     { font-size:26px }` — chon theo lop, thua chon theo id nay ve do dac hieu.
   ⚠ Cac toan tu trong clamp() BAT BUOC co khoang trang hai ben. Viet lien
     `1.2rem+2.4vw` bi trinh duyet coi la sai cu phap va BO LUON ca dong, trieu
     chung y het loi do dac hieu (liet ke CSSOM thay `size:-`), rat de chan doan nham.
   ⚠ font-weight:400 la co y: Prata chi co MOT do dam (400); de 700 thi trinh
     duyet tu boi dam gia, chu bi nhoe. */
#txtCalendarDay {
	font-family: Prata, Georgia, "Times New Roman", serif !important;
	font-size: clamp(2rem, 1.2rem + 2.4vw, 3.25rem);
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: .02em;
	margin: 0 0 .35rem;
}

/* ==========================================================================
   17. Chan trang (parts/footer.html cua theme con)
   ========================================================================== */
.lich-chan {
	border-top: 1px solid var(--lich-vien);
	background: var(--lich-kem-nhat);
}
.lich-chan-cot { gap: 2rem 3rem; }
.lich-chan-logo img,
.lich-chan-logo .custom-logo {
	width: 64px;
	height: auto;
	border-radius: 50%;
}
.lich-chan-ten {
	margin: .7rem 0 .45rem;
	font-family: Prata, Georgia, serif;
	font-size: 1.25rem;
	line-height: 1.3;
	font-weight: 400;
}
.lich-chan-ten a { color: var(--lich-nau); text-decoration: none; }
.lich-chan-ten a:hover { color: var(--lich-do); }
.lich-chan-mota {
	margin: 0;
	max-width: 42ch;
	font-family: Lora, Georgia, serif;
	font-size: .9375rem;
	line-height: 1.7;
	color: var(--lich-nau-nhat);
}
.lich-chan-tieude {
	margin: 0 0 .75rem;
	font-family: Lora, Georgia, serif;
	font-size: .8125rem;
	font-weight: 700;
	letter-spacing: .09em;
	text-transform: uppercase;
	color: var(--lich-vang-dam);
}
.lich-chan-ds {
	margin: 0;
	padding: 0;
	list-style: none;
}
.lich-chan-ds li { margin: 0 0 .55rem; }
.lich-chan-ds a {
	font-size: .9375rem;
	line-height: 1.5;
	color: var(--lich-nau-nhat);
	text-decoration: none;
	border-bottom: 1px solid transparent;
}
.lich-chan-ds a:hover,
.lich-chan-ds a:focus-visible {
	color: var(--lich-do);
	border-bottom-color: var(--lich-vang);
}
.lich-chan-duoi {
	margin-top: 2.5rem;
	padding-top: 1.1rem;
	border-top: 1px solid var(--lich-vien);
	color: var(--lich-nau-nhat);
}
.lich-chan-duoi p { margin: 0; color: var(--lich-nau-nhat); }
@media (max-width: 600px) {
	.lich-chan-duoi { gap: .35rem; }
}

/* ==========================================================================
   The "hom nay" trong bang ngay ngang (owl carousel cua lich_am_plugin)
   ========================================================================== */

/* ⚠ Yeu cau cua user 25/08: the hom nay phai NOI BAT hon moi the khac.
   Truoc do hai the chi khac nhau o sac vang dau the: #C89A32 (hom nay) so voi
   #DAB96C (cac ngay khac) — do that bang trinh duyet, gan nhu khong phan biet
   duoc bang mat. Nay dao han tone: dau the NAU DAM chu kem, than the mau KEM
   co vien vang, thay vi trang. Cac the khac giu nguyen tung pixel.

   ⚠ KHONG duoc dung transform:scale hay box-shadow do bong RA NGOAI de lam noi
   bat: `.owl-stage-outer` co `overflow:hidden` va chieu cao co dinh ~129px, moi
   thu tran ra khoi hop deu bi CAT CUT. Chi to mau BEN TRONG hop — background va
   `inset` box-shadow (inset khong lam thay doi kich thuoc hop nen khong xo lech
   bang ngay).

   ⚠ Dau the co DUNG HAI thuoc tinh can `!important`, vi plugin viet ca hai bang
   `!important`: `.owl-carousel .today { background-color:#C89A32 !important }` va
   `.owl-carousel .item-top { color:#fff !important }`. Ban 1.5.7 chi vuot duoc cai
   thu nhat, nen chu dau the ra rgb(255,255,255) chu KHONG phai #FFF7E9 nhu da viet
   — do bang trinh duyet moi thay, doc CSS thi tuong da xong. Cac thuoc tinh con lai
   (font-weight, nen than the, vien, mau chu than the) deu thang bang do dac hieu,
   KHONG duoc rai `!important` bua. */

.slider-section-top .item.lich-hom-nay .item-top,
.slider-section-top .item:has(.item-top.today) .item-top {
	background-color: var(--lich-nau) !important;
	color: var(--lich-kem) !important;
	font-weight: 700;
}
.slider-section-top .item.lich-hom-nay .item-bot,
.slider-section-top .item:has(.item-top.today) .item-bot {
	background: var(--lich-kem);
	box-shadow: inset 0 0 0 2px var(--lich-vang);
}
.slider-section-top .item.lich-hom-nay .item-bot,
.slider-section-top .item.lich-hom-nay .item-bot span,
.slider-section-top .item.lich-hom-nay .item-bot p,
.slider-section-top .item.lich-hom-nay .item-bot a,
.slider-section-top .item:has(.item-top.today) .item-bot,
.slider-section-top .item:has(.item-top.today) .item-bot span,
.slider-section-top .item:has(.item-top.today) .item-bot p,
.slider-section-top .item:has(.item-top.today) .item-bot a {
	color: var(--lich-nau);
}

/* ⚠ Viet CA HAI bo chon la co y, khong phai thua:
   `.lich-hom-nay` do JS gan (chac chan, va la thu duy nhat chay khi trinh duyet
   khong ho tro `:has()`); `:has()` la luoi do phong khi JS hong/bi chan — luc do
   the van noi bat, chi mat phan tu canh giua. Mot trong hai chet thi cai kia con. */

/* ==========================================================================
   18. DOT 11 — danh bong giao dien phan lich (do bang trinh duyet 25/08)
   --------------------------------------------------------------------------
   Moi con so duoi day la TY LE TUONG PHAN thuc do tren ban live bang
   getComputedStyle + cong thuc WCAG, khong phai uoc luong bang mat. Nguong:
   4,5 cho chu thuong, 3,0 cho chu >=24px hoac >=18,66px in dam.
   ========================================================================== */

/* 18a. Dau the ngay KHAC hom nay: chu trang tren nen vang nhat #DAB96C = 1,89.
   Gan nhu khong doc duoc ngoai troi. Doi sang nau dam -> 6,06.

   ⚠ Bat buoc `!important`: plugin viet `.owl-carousel .item-top{color:#fff!important}`.
   ⚠ Bat buoc CHUA hai lop chan `:not()` cho the hom nay, vi bo chon nay co mot
     `#id` nen ve do dac hieu no THANG ca quy tac the-hom-nay o muc 17 (chi toan
     lop). Thieu `:not()` la dap luon mau chu kem cua the hom nay — dung thu
     user vua duyet o Dot 9. `:not(.lich-hom-nay)` chan khi JS chay duoc,
     `:not(.today)` chan khi JS hong; mot trong hai du la an toan. */
#slider-section-top .item:not(.lich-hom-nay) .item-top:not(.today) {
	color: var(--lich-nau) !important;
}

/* 18b. Than the ngay khac: #777 tren trang = 4,48 — thieu mot chut so voi 4,5.
   --lich-nau-nhat cho 5,27 va dung tone nau cua site thay vi xam trung tinh.
   Dat tren `.item-bot` de chay xuong ca .solar-day / .lunar-day / .canchi.
   KHONG can `!important`: plugin khong danh dau important o thuoc tinh nay
   (da do lai — Dot 9 doi mau than the hom nay cung khong can). */
#slider-section-top .item:not(.lich-hom-nay) .item-bot {
	color: var(--lich-nau-nhat);
}

/* 18c. Mau hai tieu de cot.
   Nen sau lung hai tieu de nay la TRANG. Do bang anh cat 1:1 (d22pix.py), khong
   phai suy tu CSSOM.
     truoc  "Tro luc"  #C89A32 tren trang = 2,58  (chu 24px, nguong 3,0 -> truot)
     truoc  "Hung luc" #1A0D53 xanh than, ngoai bang mau cua site
     sau    "Tro luc"  #8A6A18 = 5,06
     sau    "Hung luc" #8C2318 = 8,86 (do — cung dung ngu nghia "hung")

   ⚠ Da tung sua sai o day mot lan: mot ham do tu viet leo len cay to tien tim
     backgroundColor va bao nen la dai do #911D1D, nen doi hai tieu de sang mau
     KEM cho "noi tren nen do". Ket qua tren ban live la chu kem tren nen trang
     — gan nhu vo hinh. Lop trang o day KHONG phai background cua bat ky to tien
     nao (moi to tien deu rgba(0,0,0,0) cho den .lich-am-container mau do), nen
     may do doc leo tro thanh may do SAI. Voi khu lich nay, nen thuc chi duoc
     ket luan bang PIXEL cat ra tu anh chup.

   ⚠ Lop `.lich-tro-luc` / `.lich-hung-luc` do JS gan (xem functions.php), KHONG
     phai `#oHeader-1` / `#oHeader-2`: plugin dao y nghia hai id nay theo ngay
     hoang dao / hac dao, viet cung id la sai dung mot nua so ngay trong nam.
   ⚠ `!important` la de thang style NOI TUYEN plugin dat bang JS. */
.lich-tro-luc  { color: var(--lich-vang-dam) !important; }
.lich-hung-luc { color: var(--lich-do) !important; }

/* 18c-2. Loi phan dinh ngay ("Ngay Tot" / "Ngay Xau") — cung mot loi, cung mot
   cach chua, de dong bo voi hai tieu de cot o tren.
     truoc  .good #C89A32 tren trang = 2,58 (19px thuong, nguong 4,5) -> nhat nhoa
     truoc  .bad  #411261 tim, ngoai bang mau
     sau    .good #8A6A18 = 5,06 | .bad #8C2318 = 8,86
   Neo trong `.lich-am-container` vi `.good` / `.bad` la ten qua chung, de dung
   trung voi lop cua plugin khac. */
.lich-am-container .good { color: var(--lich-vang-dam) !important; }
.lich-am-container .bad  { color: var(--lich-do) !important; }

/* 18d. Thong nhat he chu tieu de trong phan lich.
   Ca site dung Prata cho tieu de, nhung moi thu do plugin ve ra deu con la Inter
   -> nhin nhu hai trang khac nhau dan vao lam mot. Quy uoc: tieu de MUC (>=24px)
   dung Prata; tieu de HOP nho (19px) dung Lora dam — chu Prata chi co mot do dam
   (400), ep 700 thi trinh duyet boi dam gia, o 19px trong rat nhoe.

   ⚠ `!important` o font-family la bat buoc: plugin viet `h2,h3{font-family:unset!important}`. */
#oHeader-1,
#oHeader-2,
#oHeader-3,
.txtOverview-Header,
#txtViewCalendarDay,
#hourCalendarDay {
	font-family: Prata, Georgia, "Times New Roman", serif !important;
	font-weight: 400;
	letter-spacing: .01em;
}
#headerSaoTot,
#headerSaoXau,
#headerNguHanh,
#headerNgayKy,
#headerKhongMinh {
	font-family: Lora, Georgia, serif !important;
	font-weight: 700;
	letter-spacing: .01em;
}

/* 18e. Vung cham tren dien thoai: cac link dieu huong ngay chi cao 16px.
   Ngon tay can ~44px. Khong doi be ngang, chi noi chieu cao ra hai phia. */
@media (max-width: 781px) {
	.lich-seo-dieuhuong a {
		display: inline-flex;
		align-items: center;
		min-height: 44px;
	}
}

/* ============================================================================
   19. Nut "Dang ky" cua khoi nhan email (plugin lich_am_plugin)
   ----------------------------------------------------------------------------
   Do tren ban render: `button.submit-btn` nen #C89A32, chu trang 22px dam
   => tuong phan 2,58. Nguong cho chu lon (>=18,66px dam) la 3,0 -> TRUOT.

   🔴 `background-color` cua plugin co `!important`, VA no nam trong the <style>
   NOI TUYEN chu khong phai trong `style.css?ver=1.0.3`. Ban dau toi viet luat
   nay khong co `!important`, tin rang thang bang do dac hieu (1 id + 1 lop an
   dut 1 lop) la du. Ket qua live: `font-family` va `box-shadow` DOI, rieng
   `background-color` GIU NGUYEN #C89A32 — dung mot thuoc tinh khong theo.
   Do dac hieu khong bao gio thang `!important`.

   ⚠ Va may do cua chinh toi da giau bang chung do: no cat `cssText` o 200 ky
   tu "cho gon", dung doan bi cat chua `background-color: ... !important`.
   => Khi doc luat CSS de quyet dinh, in DU chuoi, dung cat.

   ⚠ Trang thai :hover cua plugin lam nen SANG HON (#E9C77A) => neu chi sua
   trang thai thuong thi vua ro chu da tro lai gan nhu vo hinh ngay khi ro chuot
   vao. Bat buoc sua ca hai. Doi chieu huong: hover nay TOI di, vua giu duoc cam
   giac "an duoc" vua tang tuong phan.

   :disabled giu nguyen — WCAG mien tru chinh cho dieu khien dang bi vo hieu.
   ========================================================================== */
#lich-am-subscription-form .submit-btn {
	background-color: var(--lich-vang-dam) !important;  /* #8A6A18 — chu trang = 5,10 */
	color: #fff;
	font-family: Lora, Georgia, serif;        /* plugin de Inter, lac font cua site */
	box-shadow: 0 4px 14px rgba(145, 29, 29, .22);
}
#lich-am-subscription-form .submit-btn:hover {
	background-color: #6F5514 !important;     /* chu trang tren nen nay = 7,03 */
	box-shadow: 0 6px 18px rgba(145, 29, 29, .32);
}

/* 19b. Vung cham: nut cao 41px o may tinh va chi 32px o dien thoai (plugin ha
   co chu xuong 15px trong media query cua no). Ngon tay can 44px — cung ly do
   nhu muc 18e. Dat luon cho ca o nhap email de hai phan tu khong lech nhau. */
#lich-am-subscription-form .submit-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
}
#lich-am-subscription-form input[type="email"] {
	min-height: 44px;
}


/* ============================================================================
   20. Dot SEO-1: khoi "Cam nang" tren TRANG LICH (.lich-seo-bai)
   ----------------------------------------------------------------------------
   Khoi nay tai dung .lich-lienquan / .lich-tieu-de-muc / .lich-luoi / .lich-the
   von duoc thiet ke cho TRANG BAI VIET. Tren trang bai viet, muc 1 cua file nay
   da go bo cac reset hung han cua CSS plugin lich. Tren TRANG LICH thi khong —
   CSS plugin van con nguyen hieu luc, trong do co:

       h2, h3 { font-family: unset !important; }

   ⚠ Vi co `!important`, `.lich-tieu-de-muc { font-family: Prata }` va
   `.lich-the .ten { font-family: Prata }` (deu khong co !important) se THUA tren
   trang lich, du chung thang thoai mai tren trang bai viet. Cung mot lop CSS,
   hai ket qua khac nhau, tuy trang — va nhin style.css khong the doan ra. Do la
   ly do phai dat lai o day, co !important, va CHI trong pham vi .lich-seo-bai
   de khong dung gi den trang bai viet.
   (Cung ho voi muc 18d va voi bay `!important` cua nut Dang ky o muc 19.)
   ========================================================================== */
.lich-seo-bai .lich-tieu-de-muc {
	font-family: Prata, Georgia, serif !important;
	font-weight: 400;
}
.lich-seo-bai .lich-the .ten {
	font-family: Prata, Georgia, serif !important;
	font-weight: 400;
}

/* CSS plugin dat `* { margin:0; padding:0 }` va `body { line-height:1.3 }`.
   Cac gia tri duoi day vi vay phai ghi ro, khong duoc trong cho mac dinh. */
.lich-seo-bai {
	margin: 2.4rem 0 0;
	padding: 2rem 0 0;
}
.lich-seo-bai .lich-the .trich { line-height: 1.6; }
.lich-seo-bai .lich-the .ten { line-height: 1.4; }

.lich-seo-xemthem {
	margin: 1.4rem 0 0;
	line-height: 1.4;
}
.lich-seo-xemthem a {
	color: var(--lich-vang-dam);
	font-weight: 700;
	text-decoration: none;
	/* Vung cham 44px — cung ly do muc 18e, vi day cung la mot link don doc. */
	display: inline-flex;
	align-items: center;
	min-height: 44px;
}
.lich-seo-xemthem a:hover { text-decoration: underline; }

/* 20b. Do tren ban render @390px: khoi rong dung 390px — tuc KHONG co le hai
   ben, vien phai cua the bi cat cut ngay mep man hinh va tieu de dinh sat canh.
   O 1440px thi vo cha da canh giua san (khoi rong 720px) nen chi thieu o kho
   dien thoai. Dat le tai cho, khong dung den vo cha vi vo do la cua plugin lich
   va con dung cho ca bang lich. */
@media (max-width: 781px) {
	.lich-seo-bai {
		box-sizing: border-box;
		padding-left: 14px;
		padding-right: 14px;
	}
}

/* ============================================================================
   21. Dot SEO-3/4: khoi "Cau hoi thuong gap" + muc luc bai tren TRANG LICH
   ----------------------------------------------------------------------------
   ⚠ Khoi hoi dap CO Y khong mang class .lich-lienquan (xem chu thich trong
   lich_seo_khoi_hoidap): may do do trung lap cat bo moi section mang class do,
   ma day lai chinh la phan RIENG can duoc dem. Doi lai, no khong thua ke gi tu
   .lich-lienquan nen phai tu khai bao du: vien tren, khoang cach, box-sizing.

   ⚠ Trang lich van con nguyen cac reset cua CSS plugin (`* { margin:0;padding:0 }`,
   `body { line-height:1.3 }`, `h2,h3 { font-family: unset !important }`) — cung
   cai bay da ghi o muc 20. Nen: moi khoang cach phai ghi ro, va font-family cua
   tieu de phai co `!important` moi thang duoc.
   ========================================================================== */
.lich-seo-hoidap,
.lich-seo-hoidap * {
	box-sizing: border-box;
}
.lich-seo-hoidap {
	margin: 2.8rem 0 0;
	padding: 2rem 0 0;
	border-top: 1px solid var(--lich-vien);
}
.lich-seo-hoidap .lich-tieu-de-muc {
	font-family: Prata, Georgia, serif !important;
	font-weight: 400;
}
.lich-seo-hoidap dl {
	margin: 0;
	padding: 0;
}
.lich-seo-hoidap dt {
	font-family: Lora, Georgia, serif;
	font-weight: 700;
	font-size: 1.02rem;
	line-height: 1.45;
	color: var(--lich-nau);
	margin: 1.4rem 0 .4rem;
}
.lich-seo-hoidap dt:first-of-type { margin-top: 0; }
.lich-seo-hoidap dd {
	font-family: Lora, Georgia, serif;
	font-size: .98rem;
	line-height: 1.65;
	margin: 0;
	padding-left: 14px;
	border-left: 3px solid var(--lich-vang);
}

/* Muc luc day du — chi ra o trang chu. Doc bang mat thi day la mot danh sach
   chu don gian; viec cua no la bao dam MOI bai deu cach trang chu dung mot cu
   bam, ke ca khi vong quay 4 the hom nay khong goi ten no. */
.lich-seo-mucluc {
	margin: 1.8rem 0 0;
	padding: 1.4rem 0 0;
	border-top: 1px dashed var(--lich-vien);
}
.lich-seo-mucluc h3 {
	font-family: Prata, Georgia, serif !important;
	font-weight: 400;
	font-size: 1.08rem;
	line-height: 1.3;
	color: var(--lich-nau);
	margin: 0 0 .7rem;
}
.lich-seo-mucluc ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	gap: .1rem 1.6rem;
}
.lich-seo-mucluc li { margin: 0; }
.lich-seo-mucluc a {
	font-family: Lora, Georgia, serif;
	font-size: .93rem;
	line-height: 1.4;
	color: var(--lich-nau);
	text-decoration: none;
	/* Vung cham 44px — cung ly do muc 18e. */
	display: inline-flex;
	align-items: center;
	min-height: 44px;
}
.lich-seo-mucluc a:hover { color: var(--lich-vang-dam); text-decoration: underline; }

/* Nhan cua lien ket lich da cham bien 1900/2100: van doc duoc, nhung khong phai
   the <a> va khong gia vo la cho bam duoc. */
.lich-seo-bien {
	color: var(--lich-nau);
	opacity: .55;
}

@media (max-width: 781px) {
	.lich-seo-hoidap,
	.lich-seo-mucluc {
		box-sizing: border-box;
		padding-left: 14px;
		padding-right: 14px;
	}
	.lich-seo-mucluc ul { grid-template-columns: 1fr; }
}