/* ==========================================================================
   Khè Group — Giao diện v2
   Đồng bộ với trang Tuyển dụng: nền tối #0a0a0a, nhấn vàng đồng #bc9c72,
   phụ #00181e. Chỉ là lớp bổ sung trên theme Flatsome + loodo-starter:
   gỡ file này ra là site về đúng như cũ.
   ========================================================================== */

:root {
	--k-gold: #bc9c72;
	--k-gold-hi: #ffe4c0;
	--k-gold-lo: #573f1f;
	--k-ink: #0a0a0a;
	--k-deep: #00181e;
	--k-text: #ece8e2;
	--k-muted: #aaa49c;
	--k-line: rgba(188, 156, 114, .3);
	--k-line-soft: rgba(188, 156, 114, .16);
	--k-grad: linear-gradient(35deg, #573f1f 0%, #ffe4c0 34%, #bc9c72 70%, #573f1f 100%);
	--k-grad-text: linear-gradient(90deg, #b3a483 0%, #eadfbf 15%, #a89773 50%, #f1e6c6 85%, #b3a483 100%);
	--k-r: 16px;
	--k-ease: cubic-bezier(.2, .7, .2, 1);
}

/* ---------- 1. Nền tảng ---------- */

html {
	scroll-behavior: smooth;
	scroll-padding-top: 90px;
	scrollbar-color: var(--k-gold) var(--k-ink);
	scrollbar-width: thin;
}

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	/* Chặn thanh cuộn ngang: hàng slider của Flatsome tràn ~15px ở màn hình dưới 1200px */
	overflow-x: clip;
}

::selection { background: var(--k-gold); color: var(--k-deep); }

:focus-visible {
	outline: 2px solid var(--k-gold);
	outline-offset: 3px;
	border-radius: 4px;
}

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: var(--k-ink); }
::-webkit-scrollbar-thumb { background: linear-gradient(180deg, var(--k-gold-lo), var(--k-gold)); border-radius: 8px; border: 2px solid var(--k-ink); }

main p, #footer p { line-height: 1.75; }

/* ---------- 2. Header ---------- */

.header-main { transition: box-shadow .4s var(--k-ease), background-color .4s; }

.header-wrapper::after {
	content: '';
	position: absolute;
	left: 0; right: 0; bottom: 0;
	height: 1px;
	background: linear-gradient(90deg, transparent 0%, var(--k-gold) 30%, var(--k-gold-hi) 50%, var(--k-gold) 70%, transparent 100%);
	opacity: .55;
	pointer-events: none;
	z-index: 3;
}

.stuck .header-main,
.khe-scrolled .header-main { box-shadow: 0 10px 34px rgba(0, 0, 0, .55); }

.header-main #logo img { transition: transform .5s var(--k-ease), filter .5s; }
.header-main #logo:hover img { transform: scale(1.04); filter: drop-shadow(0 0 14px rgba(188, 156, 114, .55)); }

.header-nav-main > li > a.nav-top-link,
.header-nav > li > a.nav-top-link {
	position: relative;
	font-size: 15.5px;
	letter-spacing: .03em;
	color: rgba(255, 255, 255, .86);
	transition: color .25s;
}

.header-nav-main > li > a.nav-top-link::after {
	content: '';
	position: absolute;
	left: 50%; bottom: 14px;
	width: 0; height: 1px;
	background: linear-gradient(90deg, transparent, var(--k-gold-hi), transparent);
	transform: translateX(-50%);
	transition: width .35s var(--k-ease);
}

.header-nav-main > li:hover > a.nav-top-link,
.header-nav-main > li.active > a.nav-top-link,
.header-nav-main > li.current-menu-item > a.nav-top-link { color: var(--k-gold-hi); }

.header-nav-main > li:hover > a.nav-top-link::after,
.header-nav-main > li.active > a.nav-top-link::after,
.header-nav-main > li.current-menu-item > a.nav-top-link::after { width: 70%; }

.nav-dropdown,
.nav-dropdown.nav-dropdown-default {
	border: 1px solid var(--k-line) !important;
	border-radius: 12px !important;
	overflow: hidden;
	background: rgba(8, 8, 8, .96) !important;
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	box-shadow: 0 22px 48px rgba(0, 0, 0, .6);
}

.nav-dropdown > li > a { font-size: 15px; letter-spacing: .02em; }

/* ---------- 3. Slider đầu trang & điều khiển slider ---------- */

.home-banner-slider { position: relative; }

.home-banner-slider::after {
	content: '';
	position: absolute;
	left: 0; right: 0; bottom: 0;
	height: 150px;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .78));
	pointer-events: none;
	z-index: 2;
}

.slider .flickity-page-dots .dot,
.flickity-page-dots .dot {
	width: 8px !important;
	height: 8px !important;
	border-radius: 99px !important;
	transition: width .35s var(--k-ease), background-color .3s !important;
}

.slider .flickity-page-dots .dot.is-selected,
.flickity-page-dots .dot.is-selected { width: 28px !important; }

.flickity-prev-next-button svg,
.slider-nav-circle .flickity-prev-next-button svg {
	border-radius: 50% !important;
	border: 1px solid var(--k-line) !important;
	box-shadow: 0 8px 22px rgba(0, 0, 0, .45);
	transition: transform .35s var(--k-ease), box-shadow .35s, border-color .35s;
}

.flickity-prev-next-button:hover svg {
	transform: scale(1.1);
	border-color: var(--k-gold) !important;
	box-shadow: 0 0 0 4px rgba(188, 156, 114, .18), 0 10px 26px rgba(0, 0, 0, .5);
}

.khe-cue {
	position: absolute;
	left: 50%; bottom: 26px;
	z-index: 5;
	width: 28px; height: 46px;
	margin-left: -14px;
	border: 1.5px solid rgba(255, 228, 192, .75);
	border-radius: 16px;
	opacity: .85;
	transition: opacity .4s;
}

.khe-cue::before {
	content: '';
	position: absolute;
	left: 50%; top: 8px;
	width: 3px; height: 8px;
	margin-left: -1.5px;
	border-radius: 3px;
	background: var(--k-gold-hi);
	animation: khe-cue 1.8s var(--k-ease) infinite;
}

.khe-scrolled .khe-cue { opacity: 0; pointer-events: none; }

@keyframes khe-cue {
	0% { transform: translateY(0); opacity: 1; }
	70% { transform: translateY(16px); opacity: 0; }
	100% { transform: translateY(0); opacity: 0; }
}

@media (max-width: 849px) { .khe-cue { display: none; } }

/* ---------- 4. Tiêu đề phần ---------- */

.section-title.section-title-center {
	flex-wrap: wrap;
	justify-content: center;
	text-align: center;
}

.section-title.section-title-center .section-title-main {
	font-size: clamp(1.9rem, 1.15rem + 2.8vw, 3.1rem) !important;
	letter-spacing: .06em;
	line-height: 1.2;
	padding: 4px .1em;
	filter: drop-shadow(0 6px 22px rgba(188, 156, 114, .3));
}

.section-title.section-title-center::after {
	content: '';
	flex: 0 0 100%;
	width: min(260px, 60%);
	height: 10px;
	margin: 16px auto 4px;
	background:
		linear-gradient(90deg, transparent, var(--k-gold)) left center / calc(50% - 14px) 1px no-repeat,
		linear-gradient(270deg, transparent, var(--k-gold)) right center / calc(50% - 14px) 1px no-repeat,
		radial-gradient(circle at center, var(--k-gold-hi) 0 2.5px, transparent 3px) center / 10px 10px no-repeat;
}

.section-title.section-title-center .section-title-main,
.normal-title h1.entry-title { text-wrap: balance; }

/* Câu giới thiệu dưới tiêu đề */
.col-inner > .section-title-container + .text,
.col-inner > .section-title-container + .text p {
	color: rgba(255, 255, 255, .86);
	line-height: 1.75 !important;
	text-shadow: 0 2px 16px rgba(0, 0, 0, .65);
}

.col-inner > .section-title-container + .text {
	max-width: 820px;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* ---------- 5. Nút bấm ---------- */

a.button.primary:not(.button-link),
.home-contact-form .wpcf7-form input[type="submit"],
.button.primary:not(.button-link) {
	position: relative;
	overflow: hidden;
	font-weight: 700;
	letter-spacing: .06em;
	box-shadow: 0 10px 28px rgba(188, 156, 114, .28), inset 0 1px 0 rgba(255, 255, 255, .42);
	transition: transform .35s var(--k-ease), box-shadow .35s var(--k-ease), filter .35s;
}

a.button.primary:not(.button-link)::after {
	content: '';
	position: absolute;
	top: 0; left: -70%;
	width: 40%; height: 100%;
	background: linear-gradient(100deg, transparent, rgba(255, 255, 255, .5), transparent);
	transform: skewX(-20deg);
	transition: left .8s var(--k-ease);
	pointer-events: none;
}

a.button.primary:not(.button-link):hover,
.button.primary:not(.button-link):hover {
	transform: translateY(-3px);
	filter: saturate(1.1) brightness(1.07);
	box-shadow: 0 18px 40px rgba(188, 156, 114, .45), inset 0 1px 0 rgba(255, 255, 255, .55);
}

a.button.primary:not(.button-link):hover::after { left: 130%; }

a.button.primary:active { transform: translateY(-1px); }

/* Ba nút lớn "Tổng quan / Sứ mệnh / Văn hóa" */
a.button.button-link.primary {
	box-shadow: 0 0 0 rgba(188, 156, 114, 0);
	transition: transform .4s var(--k-ease), box-shadow .4s var(--k-ease);
}

a.button.button-link.primary span {
	letter-spacing: .12em;
	text-transform: uppercase;
	transition: background-color .35s, color .35s, letter-spacing .35s var(--k-ease);
}

a.button.button-link.primary:hover {
	transform: translateY(-3px);
	box-shadow: 0 0 0 1px var(--k-gold), 0 14px 34px rgba(188, 156, 114, .38);
}

a.button.button-link.primary:hover span { color: var(--k-gold-hi); letter-spacing: .16em; }

/* ---------- 6. Thương hiệu (tab logo) & logo ---------- */

.brand-tabs.tabbed-content ul li > a {
	transition: transform .4s var(--k-ease), box-shadow .4s var(--k-ease), padding .3s;
}

.brand-tabs.tabbed-content ul li:hover > a { transform: translateX(-8px); }

@media (max-width: 849px) {
	.brand-tabs.tabbed-content ul li:hover > a { transform: translateY(-3px); }
}

.brand-logo-item { display: inline-block; }

.brand-logo-item img {
	transition: transform .5s var(--k-ease), filter .5s;
}

.brand-logo-item:hover img {
	transform: scale(1.07);
	filter: drop-shadow(0 0 18px rgba(188, 156, 114, .55));
}

/* ---------- 7. Lịch sử hình thành ---------- */

.history-tree-col { opacity: 1 !important; }

.khe-timeline { position: relative; }

.history-tree-col > .col-inner {
	overflow-x: auto;
	overflow-y: hidden;
	scroll-snap-type: x proximity;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
	cursor: grab;
	padding: 10px 0 24px;
}

.history-tree-col > .col-inner::-webkit-scrollbar { display: none; }
.history-tree-col > .col-inner.is-dragging { cursor: grabbing; scroll-snap-type: none; }

.history-tree.stack,
.history-tree {
	display: flex !important;
	flex-flow: row nowrap !important;
	align-items: stretch !important;
	justify-content: flex-start !important;
	gap: 0 !important;
	width: max-content !important;
	min-width: 100%;
	margin: 0;
	padding: 0 8px;
}

.history-tree .lsht-item {
	flex: 0 0 200px;
	width: 200px;
	max-width: none !important;
	padding: 0 10px;
	display: grid;
	grid-template-rows: 1fr auto 1fr;
	text-align: center;
	scroll-snap-align: center;
	user-select: none;
}

.history-tree .lsht-item .top-div,
.history-tree .lsht-item .bottom-div {
	height: auto !important;
	overflow: visible;
}

.history-tree .lsht-item .top-div { align-self: end; padding-bottom: 6px; }
.history-tree .lsht-item .bottom-div { align-self: start; padding-top: 6px; }

.history-tree .lsht-item .center-icon {
	height: 2px;
	margin: 22px -10px;
	background: rgba(188, 156, 114, .62);
}

.history-tree .lsht-item .center-icon:before {
	width: 18px; height: 18px;
	margin-top: -9px; margin-left: -9px;
	border: 3px solid var(--k-ink);
	box-shadow: 0 0 0 1px var(--k-gold), 0 0 18px rgba(188, 156, 114, .55);
	transition: transform .35s var(--k-ease), box-shadow .35s;
}

.history-tree .lsht-item:hover .center-icon:before {
	transform: scale(1.35);
	box-shadow: 0 0 0 1px var(--k-gold-hi), 0 0 26px rgba(255, 228, 192, .8);
}

.history-tree .lsht-item .title {
	margin: 0 0 8px;
	font-size: 1.45em;
	line-height: 1.2;
	color: var(--k-gold-hi);
	letter-spacing: .04em;
}

.history-tree .lsht-item .desc {
	font-size: .95em;
	line-height: 1.55;
	color: rgba(255, 255, 255, .84);
}

.khe-tl-nav {
	display: flex;
	justify-content: center;
	gap: 12px;
	margin-top: 4px;
}

.khe-tl-nav button {
	width: 46px; height: 46px;
	padding: 0;
	margin: 0;
	border: 1px solid var(--k-line) !important;
	border-radius: 50%;
	background: rgba(0, 24, 30, .7);
	color: var(--k-gold);
	font-size: 20px;
	line-height: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: background-color .3s, color .3s, transform .3s var(--k-ease), box-shadow .3s;
}

.khe-tl-nav button:hover {
	background: var(--k-gold);
	color: var(--k-deep);
	transform: translateY(-2px);
	box-shadow: 0 10px 24px rgba(188, 156, 114, .35);
}

.khe-tl-nav button[disabled] { opacity: .35; pointer-events: none; }

/* ---------- 8. Thẻ sự kiện / tin tức ---------- */

.box.box-badge {
	transition: transform .5s var(--k-ease), box-shadow .5s var(--k-ease);
	will-change: transform;
}

.box.box-badge:hover {
	transform: translateY(-8px);
	box-shadow: 0 26px 54px rgba(0, 0, 0, .6), 0 0 0 1px var(--k-line);
}

.box-badge .box-text {
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	transition: border-color .4s;
}

.box-badge:hover .box-text { border-color: var(--k-gold); }

.box-badge .box-text .post-title {
	line-height: 1.3;
	letter-spacing: .01em;
}

.box-badge .box-text .from_the_blog_excerpt { color: rgba(255, 255, 255, .78); }

.post-item .box .image-cover { overflow: hidden; }

/* ---------- 9. Thư viện ảnh ---------- */

.home-gallery-slider .col-inner a {
	border-radius: 20px;
	box-shadow: 0 16px 40px rgba(0, 0, 0, .5);
	transition: transform .5s var(--k-ease), box-shadow .5s var(--k-ease);
}

.home-gallery-slider .col-inner a:hover {
	transform: translateY(-6px);
	box-shadow: 0 26px 54px rgba(0, 0, 0, .65), 0 0 0 1px var(--k-gold);
}

/* ---------- 10. Tuyển dụng trên trang chủ ---------- */

.home-career-section .ux-menu-link__link {
	min-height: 0;
	padding: 12px 6px;
	border-bottom: 1px solid var(--k-line-soft);
	color: rgba(255, 255, 255, .9);
	transition: padding-left .35s var(--k-ease), color .3s, border-color .3s;
}

.home-career-section .ux-menu-link:hover .ux-menu-link__link,
.home-career-section .ux-menu-link__link:hover {
	padding-left: 16px;
	color: var(--k-gold-hi);
	border-color: var(--k-gold);
}

/* ---------- 11. Liên hệ: bản đồ + form ---------- */

.home-contact-map iframe {
	border-radius: 20px;
	box-shadow: 0 22px 54px rgba(0, 0, 0, .55);
	min-height: 420px;
	filter: grayscale(.25) contrast(1.05);
	transition: filter .5s;
}

.home-contact-map iframe:hover { filter: none; }

.home-contact-form .wpcf7-form,
.home-contact-form .wpcf7 form {
	height: auto !important;
	margin: 0;
	padding: 34px 30px !important;
	border: 1px solid var(--k-line);
	border-radius: 20px;
	background:
		linear-gradient(rgba(4, 12, 14, .66), rgba(4, 12, 14, .66)),
		url('/wp-content/themes/loodo-starter/inc/imgs/formbg.png') center / cover no-repeat;
	box-shadow: 0 22px 54px rgba(0, 0, 0, .55);
}

.home-contact-form .wpcf7-form input[type="text"],
.home-contact-form .wpcf7-form input[type="email"],
.home-contact-form .wpcf7-form input[type="tel"],
.home-contact-form .wpcf7-form input[type="url"],
.home-contact-form .wpcf7-form input[type="number"],
.home-contact-form .wpcf7-form input[type="date"],
.home-contact-form .wpcf7-form select,
.home-contact-form .wpcf7-form textarea {
	background: rgba(255, 255, 255, .05);
	border: 1px solid rgba(188, 156, 114, .38);
	border-radius: 10px;
	color: #fff;
	box-shadow: none;
	transition: border-color .25s, box-shadow .25s, background-color .25s;
}

.home-contact-form .wpcf7-form input::placeholder,
.home-contact-form .wpcf7-form textarea::placeholder { color: rgba(255, 255, 255, .55); }

.home-contact-form .wpcf7-form input[type="text"]:focus,
.home-contact-form .wpcf7-form input[type="email"]:focus,
.home-contact-form .wpcf7-form input[type="tel"]:focus,
.home-contact-form .wpcf7-form input[type="url"]:focus,
.home-contact-form .wpcf7-form input[type="number"]:focus,
.home-contact-form .wpcf7-form input[type="date"]:focus,
.home-contact-form .wpcf7-form select:focus,
.home-contact-form .wpcf7-form textarea:focus {
	background: rgba(255, 255, 255, .08);
	border-color: var(--k-gold);
	box-shadow: 0 0 0 3px rgba(188, 156, 114, .2);
}

.home-contact-form .wpcf7-form input[type="submit"] {
	background: var(--k-grad) !important;
	color: var(--k-deep) !important;
	border: 0;
	min-height: 46px;
	cursor: pointer;
}

.home-contact-form .wpcf7-form input[type="submit"]:hover {
	transform: translateY(-3px);
	filter: saturate(1.1) brightness(1.07);
	box-shadow: 0 18px 40px rgba(188, 156, 114, .45), inset 0 1px 0 rgba(255, 255, 255, .55);
}

.wpcf7-not-valid-tip { color: #ff8a80; font-size: .85em; margin-top: 4px; }
.home-contact-form .wpcf7-form .wpcf7-not-valid { border-color: #ff8a80 !important; }

.home-contact-form .wpcf7 form .wpcf7-response-output {
	border-radius: 10px;
	border: 1px solid var(--k-line) !important;
	background: rgba(0, 24, 30, .6);
}

.home-contact-form .wpcf7 form.sent .wpcf7-response-output { border-color: #6fcf97 !important; }

/* Dòng thông báo của plugin Google Sheets: nhỏ, mờ, không át form */
.home-contact-form .wpcf7-form .gscf7-privacy-consent,
.home-contact-form .wpcf7-form .gs-privacy-text,
.home-contact-form .wpcf7-form p:last-of-type small {
	font-size: .78em;
	line-height: 1.5;
	color: rgba(255, 255, 255, .55);
}

/* ---------- 12. Chân trang ---------- */

#footer .section-title.section-title-normal .section-title-main {
	font-size: 1rem !important;
	letter-spacing: .16em;
	text-transform: uppercase;
}

#footer .ux-menu-link__link {
	padding: 7px 0;
	color: rgba(255, 255, 255, .78);
	min-height: 0;
	transition: color .25s, padding-left .3s var(--k-ease);
}

#footer .ux-menu-link:hover .ux-menu-link__link,
#footer .ux-menu-link__link:hover {
	color: var(--k-gold-hi);
	padding-left: 8px;
}

#footer .featured-box .icon-box-text,
#footer .featured-box .icon-box-text p { color: rgba(255, 255, 255, .8); }

#footer .featured-box { transition: transform .3s var(--k-ease); }

.social-icons a.button.circle {
	transition: transform .35s var(--k-ease), box-shadow .35s;
}

.social-icons a.button.circle:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 26px rgba(188, 156, 114, .4);
}

.absolute-footer {
	border-top: 1px solid var(--k-line-soft);
}

.back-to-top.button.circle { transition: transform .35s var(--k-ease), filter .35s; }
.back-to-top.button.circle:hover { transform: translateY(-4px); filter: drop-shadow(0 0 14px rgba(188, 156, 114, .6)); }

/* ---------- 13. Trang con: ảnh, bài viết, FAQ ---------- */

.col-inner > .img .img-inner {
	border-radius: var(--k-r);
	box-shadow: 0 24px 56px rgba(0, 0, 0, .5);
}

/* Bài viết */
.blog-single .entry-title,
.blog-single h1.entry-title {
	color: var(--k-gold);
	font-size: clamp(1.7rem, 1.2rem + 1.8vw, 2.5rem);
	line-height: 1.25;
	letter-spacing: .01em;
}

.blog-single .entry-meta,
.blog-single .entry-meta a { color: var(--k-muted); letter-spacing: .08em; }

.blog-single .entry-content {
	font-size: 1.06rem;
	line-height: 1.85;
	color: rgba(255, 255, 255, .88);
}

.blog-single .entry-content img { border-radius: 12px; }

.blog-wrapper #secondary .widget,
.blog-single #secondary .widget {
	background: rgba(255, 255, 255, .03);
	border: 1px solid var(--k-line-soft);
	border-radius: 14px;
	padding: 20px 22px;
	margin-bottom: 24px;
}

#secondary .widget-title { color: var(--k-gold); letter-spacing: .1em; }

#secondary .widget ul li a { transition: color .25s, padding-left .3s var(--k-ease); }
#secondary .widget ul li a:hover { padding-left: 6px; }

.nav-pagination > li > a,
.nav-pagination > li > span {
	border: 1px solid var(--k-line);
	border-radius: 50%;
	transition: background-color .3s, color .3s;
}

.nav-pagination > li > a:hover,
.nav-pagination > li > span.current {
	background: var(--k-gold);
	color: var(--k-deep);
	border-color: var(--k-gold);
}

/* Câu hỏi thường gặp */
.accordion .accordion-item {
	border-bottom: 1px solid var(--k-line-soft);
}

.accordion .accordion-title {
	padding: 18px 8px;
	transition: color .25s, padding-left .3s var(--k-ease);
}

.accordion .accordion-title:hover { color: var(--k-gold-hi); padding-left: 14px; }

/* Tìm kiếm */
.searchform input[type="search"] {
	background: rgba(255, 255, 255, .05);
	border-color: var(--k-line);
	color: #fff;
}

/* Thanh tiêu đề trang (Tin tức, Câu hỏi thường gặp, bài viết...) */
.normal-title.ldtl-page-header-title {
	position: relative;
	background:
		radial-gradient(90% 170% at 50% 0%, rgba(188, 156, 114, .15), rgba(188, 156, 114, 0) 62%),
		var(--k-ink);
	border-bottom: 1px solid var(--k-line-soft);
}

.normal-title .page-title-inner {
	flex-direction: column;
	align-items: center;
	text-align: center;
	padding-top: 130px;
	padding-bottom: 34px;
}

.normal-title .page-title-inner .flex-col { flex: 0 0 auto; width: 100%; text-align: center; }
.normal-title .page-title-inner .flex-grow { flex-grow: 0; }
.normal-title .breadcrumbs:empty { display: none; }

.normal-title h1.entry-title {
	display: inline-block;
	font-size: clamp(1.8rem, 1.2rem + 2.2vw, 2.8rem);
	line-height: 1.25;
	letter-spacing: .05em;
	background: var(--k-grad-text);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	filter: drop-shadow(0 6px 22px rgba(188, 156, 114, .3));
}

.normal-title h1.entry-title::after {
	content: '';
	display: block;
	width: min(240px, 60vw);
	height: 10px;
	margin: 14px auto 0;
	background:
		linear-gradient(90deg, transparent, var(--k-gold)) left center / calc(50% - 14px) 1px no-repeat,
		linear-gradient(270deg, transparent, var(--k-gold)) right center / calc(50% - 14px) 1px no-repeat,
		radial-gradient(circle at center, var(--k-gold-hi) 0 2.5px, transparent 3px) center / 10px 10px no-repeat;
	-webkit-text-fill-color: initial;
}

/* Bài viết: tiêu đề đã có trong phần bài, không lặp lại trên thanh tiêu đề */
.single-post .normal-title .flex-right { display: none; }
.single-post .normal-title .page-title-inner { padding-top: 112px; padding-bottom: 0; }

/* Ô tìm kiếm (FAQ, widget) */
.faq-search-form input,
.searchform input[type="search"],
.widget_search input[type="search"] {
	background: rgba(255, 255, 255, .05) !important;
	border: 1px solid var(--k-line) !important;
	border-radius: 10px;
	color: #fff !important;
	box-shadow: none;
}

.faq-search-form input::placeholder,
.searchform input[type="search"]::placeholder { color: rgba(255, 255, 255, .5); }

.faq-search-form input:focus,
.searchform input[type="search"]:focus {
	border-color: var(--k-gold) !important;
	box-shadow: 0 0 0 3px rgba(188, 156, 114, .2);
}

/* Ban giám đốc – đội ngũ */
.box.box-text-bottom.has-hover:not(.box-badge):not(.box-blog-post) > .box-image {
	border-radius: 50%;
	transition: transform .5s var(--k-ease), box-shadow .5s var(--k-ease);
}

.box.box-text-bottom.has-hover:not(.box-badge):not(.box-blog-post):hover > .box-image {
	transform: translateY(-8px);
	box-shadow: 0 0 0 2px var(--k-gold), 0 24px 48px rgba(0, 0, 0, .6);
}

.box.box-text-bottom.has-hover:not(.box-badge):not(.box-blog-post) .box-text h4 {
	color: var(--k-gold-hi);
	letter-spacing: .04em;
}

.box.box-text-bottom.has-hover:not(.box-badge):not(.box-blog-post) .box-text p { color: var(--k-muted); }

/* Trang 404 */
.khe-404 { padding-top: 150px; padding-bottom: 90px; }

.khe-404__code {
	margin: 0;
	font-size: clamp(5rem, 3rem + 10vw, 10rem);
	font-weight: 700;
	line-height: 1;
	letter-spacing: .06em;
	background: var(--k-grad-text);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	filter: drop-shadow(0 8px 30px rgba(188, 156, 114, .35));
}

.khe-404__title {
	margin: .2em 0 .4em;
	color: var(--k-gold-hi);
	font-size: clamp(1.4rem, 1rem + 1.4vw, 2rem);
	letter-spacing: .04em;
	text-wrap: balance;
}

.khe-404__lead { max-width: 560px; margin: 0 auto 1.6rem; color: var(--k-muted); }
.khe-404__search { max-width: 460px; margin: 0 auto 1.6rem; }
.khe-404__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.khe-404__actions .button { margin: 0; }

/* ---------- 14. Hiệu ứng xuất hiện khi cuộn ---------- */

.khe-reveal {
	opacity: 0;
	transform: translateY(26px);
	transition: opacity .9s var(--k-ease), transform .9s var(--k-ease);
	transition-delay: var(--khe-d, 0ms);
}

.khe-reveal.is-in {
	opacity: 1;
	transform: none;
}

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	.khe-reveal { opacity: 1; transform: none; transition: none; }
	.khe-cue::before { animation: none; }
	* { transition-duration: .01ms !important; animation-duration: .01ms !important; }
}

/* Menu trên điện thoại */
.mobile-sidebar .nav-sidebar > li { border-bottom: 1px solid var(--k-line-soft); }

.mobile-sidebar .nav-sidebar > li > a {
	font-size: 16px;
	letter-spacing: .04em;
	padding-top: 15px;
	padding-bottom: 15px;
	transition: color .25s, padding-left .3s var(--k-ease);
}

.mobile-sidebar .nav-sidebar > li > a:hover { color: var(--k-gold-hi); padding-left: 6px; }

/* ---------- 15. Điện thoại ---------- */

@media (max-width: 849px) {
	.section.section-title-container,
	.section-title.section-title-center .section-title-main { letter-spacing: .03em; }

	.home-contact-form .wpcf7-form,
	.home-contact-form .wpcf7 form { padding: 22px 16px !important; }

	.home-contact-map iframe { min-height: 300px; }

	.history-tree .lsht-item { flex-basis: 170px; width: 170px; }

	.box.box-badge:hover { transform: none; }
}