/* =====================================================================
   EVILand — hệ thiết kế dùng chung cho toàn site
   Ngôn ngữ Apple, màu nhấn xanh địa chính #00875A (chốt 14/09/2026)

   File này nạp trên MỌI trang. Nó chỉ khoác lại diện mạo cho những thành
   phần có sẵn của theme, không đổi cấu trúc HTML. Gỡ file là site trở về
   nguyên trạng.
   ===================================================================== */

:root {
	--evi-nen: #ffffff;
	--evi-nen-2: #f5f5f7;
	--evi-nen-3: #ebebef;
	--evi-vien: #d8dade;
	--evi-chu: #1d1d1f;
	--evi-chu-2: #6e6e73;
	--evi-chu-3: #97979d;
	--evi-chinh: #00875a;
	--evi-chinh-dam: #006b48;
	--evi-chinh-nhat: #e6f3ee;
	--evi-r: 18px;
	--evi-r-2: 14px;
	--evi-r-3: 10px;
}

/* ==================================================================
   THANH TAB DƯỚI ĐÁY (có sẵn của child theme: #menu-stick-thok)
   Giữ nguyên 5 mục và cấu trúc, chỉ đổi chất liệu sang kiểu iOS:
   nền kính mờ, chữ nhỏ gọn, mục đang xem tô màu nhấn.
   ================================================================== */
#menu-stick-thok {
	background: rgba(255, 255, 255, .82) !important;
	backdrop-filter: saturate(180%) blur(20px);
	-webkit-backdrop-filter: saturate(180%) blur(20px);
	border-top: 1px solid rgba(0, 0, 0, .08);
	box-shadow: none !important;
	padding-bottom: env(safe-area-inset-bottom, 0px);
}

#menu-stick-thok .menu-mobi-thok a {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 3px;
	padding: 7px 2px;
	min-height: 48px;
	color: var(--evi-chu-3);
	font-size: 10.5px;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: 0;
	text-transform: none;
	text-decoration: none;
	transition: color .18s ease;
}

#menu-stick-thok .menu-mobi-thok a i {
	font-size: 19px;
	line-height: 1;
	margin: 0;
}

#menu-stick-thok .menu-mobi-thok a span {
	display: block;
	font-size: 10.5px;
	line-height: 1.2;
}

#menu-stick-thok .menu-mobi-thok a:hover,
#menu-stick-thok .menu-mobi-thok a:focus-visible {
	color: var(--evi-chinh);
}

/* Mục đang xem — gắn class bằng JS nhỏ ở cuối file này */
#menu-stick-thok .menu-mobi-thok a.evi-dang-o {
	color: var(--evi-chinh);
	font-weight: 600;
}

/* ==================================================================
   NÚT LIÊN HỆ NỔI (plugin ar-contactus) — bo tròn mềm hơn
   ================================================================== */
.arcontactus-widget .arcontactus-message,
.arcontactus-widget .contact-us-button {
	box-shadow: 0 6px 20px -8px rgba(0, 0, 0, .4) !important;
}

/* ==================================================================
   CHỮ & TIÊU ĐỀ — siết lại thang chữ theo kiểu Apple
   Chỉ áp cho nội dung bài viết và tiêu đề trang, không đụng menu.
   ================================================================== */
body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.page-title,
h1.entry-title {
	letter-spacing: -.022em;
	text-wrap: balance;
}

.entry-content h1, .page-title, h1.entry-title { letter-spacing: -.03em; }

/* Bỏ VIẾT HOA TOÀN BỘ ở tiêu đề bài viết — chữ hoa toàn phần khó đọc,
   và Apple gần như không bao giờ dùng cho câu dài. */
.entry-title,
.post-title,
.page-title { text-transform: none !important; }

/* ==================================================================
   DÒNG CHỮ ĐỌC TRONG BÀI — rộng khoảng 70 ký tự cho dễ đọc
   ================================================================== */
.entry-content p,
.entry-content li {
	font-size: 17px;
	line-height: 1.65;
	color: #2b2b2f;
}

@media (max-width: 600px) {
	.entry-content p,
	.entry-content li { font-size: 16.5px; }
}

/* ==================================================================
   MENU CHÍNH — 5 mục + nút Zalo
   ================================================================== */
.header-nav .menu-item > a {
	text-transform: none;
	letter-spacing: -.01em;
	font-weight: 500;
	font-size: 15px;
}

.header-nav .current-menu-item > a,
.header-nav .current-menu-ancestor > a {
	color: var(--evi-chinh) !important;
	font-weight: 600;
}

/* Nút Zalo nổi bật ở cuối menu */
.header-nav .evi-menu-cta > a,
#main-menu .evi-menu-cta > a {
	background: var(--evi-chinh);
	color: #fff !important;
	border-radius: 999px;
	padding: 8px 16px !important;
	font-weight: 600 !important;
	line-height: 1.3;
	white-space: nowrap;
}

.header-nav .evi-menu-cta > a:hover,
#main-menu .evi-menu-cta > a:hover {
	background: var(--evi-chinh-dam);
	color: #fff !important;
}

/* Menu thả xuống: bo góc mềm, bóng nhạt, chữ thường */
.header-nav .nav-dropdown {
	border-radius: var(--evi-r-2);
	border: 1px solid var(--evi-vien);
	box-shadow: 0 2px 6px rgba(0, 0, 0, .06), 0 24px 48px -20px rgba(0, 0, 0, .28);
	padding: 6px;
	overflow: hidden;
}

.header-nav .nav-dropdown > li > a {
	border-radius: var(--evi-r-3);
	padding: 9px 12px !important;
	font-size: 14px !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	border-bottom: none !important;
}

.header-nav .nav-dropdown > li > a:hover {
	background: var(--evi-nen-2);
	color: var(--evi-chu);
}

/* Menu trượt trên điện thoại */
#main-menu .nav-sidebar > li > a {
	text-transform: none;
	letter-spacing: -.01em;
	font-size: 16px;
	font-weight: 500;
}

/* ==================================================================
   H1 thêm vào cho trang đang thiếu (xem seo.php)
   ================================================================== */
.evi-h1-seo {
	max-width: 1080px;
	margin: 26px auto 4px;
	padding: 0 20px;
	font-size: clamp(26px, 4.2vw, 40px);
	font-weight: 700;
	letter-spacing: -.03em;
	line-height: 1.15;
	color: var(--evi-chu);
	text-transform: none;
	text-wrap: balance;
}

@media (max-width: 600px) {
	.evi-h1-seo { margin: 18px auto 2px; padding: 0 15px; }
}