.header-top {
	background: var(--color-main) !important;
	color: var(--color-white);
	border-bottom: none;
}

.header-top .tour-top-notice {
	color: var(--color-white);
	font-size: 13px;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: 0.2px;
}

.header-top .topbar-right {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 18px;
}

.header-top .topbar-item {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: var(--color-white);
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
	transition: opacity 0.25s ease;
}

.header-top .topbar-item:hover {
	color: var(--color-white);
	opacity: 0.85;
}

.header-top .topbar-item svg {
	display: block;
	stroke: currentColor;
	flex-shrink: 0;
}

.header-main .btn-tu-van {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background-color: var(--color-main);
	color: var(--color-white);
	padding: 8px 18px;
	border-radius: 99px;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	transition: opacity 0.25s ease, transform 0.2s ease;
}

.header-main .btn-tu-van:hover {
	color: var(--color-white);
	opacity: 0.9;
	transform: translateY(-1px);
}

.header-main .btn-tu-van svg {
	display: block;
	stroke: currentColor;
	flex-shrink: 0;
}

.header-main .header-nav .has-dropdown{
	position: relative;
}

.header-main .header-nav .has-dropdown > .nav-dropdown{
	display: table;               
	left: -99999px;
	opacity: 0;
	visibility: hidden;
	max-height: 0;
	overflow: visible !important;   
	padding: 20px 0;
	transition: opacity .25s, visibility .25s, transform .3s;
	transform-origin: 50% 0;
	transform: scaleY(0);
	z-index: 9;
}

.header-main .header-nav .has-dropdown:hover > .nav-dropdown,
.header-main .header-nav .has-dropdown:focus-within > .nav-dropdown{
	left: 0;                        
	opacity: 1;
	visibility: visible;
	max-height: 1000px;             
	transform: scaleY(1);
}

.header-main .header-nav .nav-dropdown-col{
	position: relative !important;
}

.header-main .header-nav .nav-dropdown-col > ul.sub-menu.nav-column{
	position: absolute !important;
	top: 0 !important;
	left: -99999px !important;
	opacity: 0 !important;
	visibility: hidden !important;

	display: block !important;
	min-width: 220px;
	background: #fff;

	transform-origin: 0 0;
	transform: scaleY(0);
	transition: transform .25s ease, opacity .2s ease, visibility .2s ease;
	z-index: 99;
}

.header-main .header-nav .nav-dropdown-col:hover > ul.sub-menu.nav-column,
.header-main .header-nav .nav-dropdown-col:focus-within > ul.sub-menu.nav-column{
	left: 100% !important;
	opacity: 1 !important;
	visibility: visible !important;
	transform: scaleY(1);
	padding:0px !important;
	left: 260px !important;
}

.header-main .header-nav .nav-dropdown>li.nav-dropdown-col{
	width:100%;
}

.header-main .sub-menu.nav-dropdown.nav-dropdown-default > li {
	position: relative;
	overflow: visible;
	min-width: 260px;
	padding: .6em 20px;
}

.header-main .sub-menu.nav-column.nav-dropdown-default {
	position: absolute;
	top: 0;
	left: 100%; 
	background: #fff;
	min-width: 260px;
	z-index: 9999;
	transition: opacity ease-in .3s;
	display: none;
}

.header-main .nav-dropdown-has-border .nav-dropdown {
	border: none !important;
	border-radius: 10px;
}

.header-main .nav-dropdown > li.menu-item-has-children:hover > .sub-menu {
	display: block !important;
}

.header-main .nav-dropdown .menu-item-has-children>a, 
.header-main .nav-dropdown .nav-dropdown-col>a, 
.header-main .nav-dropdown .title>a {
	text-transform: unset !important;
	font-weight: unset !important;
}

.header-main .nav-dropdown li{
	margin-bottom: 0px !important;
	border: none !important;
}

.header-main .blog-share.text-center, 
.header-main .entry-meta.text-center {
	display: none !important;
}

.header-main .nav-dropdown-default {
	padding: 0 !important;
}

.header-main .nav-dropdown-default .nav-column li>a, 
.header-main .nav-dropdown.nav-dropdown-default>li>a {
	margin: 0 !important;
}

.header-main  .menu-item.current-dropdown .menu-item{
	background: none !important;
	color: var(--color-black) !important;
}

.header-main .nav-dropdown.nav-dropdown-default>li>a,
.header-nav-main .menu-item.active li a{
	background: none !important;
	color: var(--color-black) !important;
}
/* .header-main .nav-dropdown.nav-dropdown-default li a li a{
	background: none !important;
	color: var(--color-black) !important;
} */

.header-main .sub-menu li {
	padding:0 20px !important;
}

.header-main .sub-menu {
	border-radius: 0 !important;
}

.header-main .nav-dropdown-has-shadow .nav-dropdown{
	box-shadow: none !important;
}

.header-main .nav-dropdown li{
	margin-bottom: 0px !important;
	border: none !important;
}

.header-main .blog-share.text-center, 
.header-main .entry-meta.text-center {
	display: none !important;
}

.header-main .nav-dropdown-default {
	padding: 0 !important;
}

.header-main .nav-dropdown-default .nav-column li>a, 
.header-main .nav-dropdown.nav-dropdown-default>li>a {
	margin: 0 !important;
	font-size: 1rem;
	color: var(--primary-color);
}

.header-main .sub-menu li {
	padding:0 20px !important;
}

.header-main .sub-menu {
	border-radius: 0 !important;
}

.header-main .nav-dropdown-has-shadow .nav-dropdown{
	box-shadow: none !important;
}

.header-main .nav-dropdown>li.image-column, 
.header-main .nav-dropdown>li.nav-dropdown-col {
	display: block !important;
}

.header-main .nav-dropdown-col > a {
	position: relative !important;
	display: block !important; 
}

.header-main .nav-dropdown-col > a::after {
	content: "\203A" !important;
	position: absolute !important;
	right: 15px !important; 
	top: 50% !important;
	transform: translateY(-50%) !important; 
	font-size: 20px !important;
	color: var(--color-main) !important;
}

.header-main .header-nav .nav-dropdown,
.header-main .header-nav .sub-menu.nav-column {
	background: var(--color-white) !important;
	border-radius: 8px !important; 
	box-shadow: 0 5px 20px rgba(0,0,0,0.08) !important; 
	border: 1px solid #f0f0f0 !important;
	padding: 10px 0 !important;
}

.header-main .nav-dropdown > li, 
.header-main .sub-menu.nav-column > li {
	padding: 0 !important;
	margin: 0 !important;
	min-width: 220px !important;
}

.header-main .nav-dropdown > li > a, 
.header-main .sub-menu.nav-column > li > a {
	display: block !important;
	padding: 12px 20px !important;
	font-size: 15px !important;
	color: #333 !important; 
	transition: all 0.3s ease !important;
	border-bottom: 1px solid #f9f9f9 !important; 
}

.header-main .nav-dropdown > li:last-child > a, 
.header-main .sub-menu.nav-column > li:last-child > a {
	border-bottom: none !important;
}

.header-main .nav-dropdown > li > a:hover, 
.header-main .sub-menu.nav-column > li > a:hover,
.header-main .nav-dropdown > li:hover > a {
	color: var(--color-main) !important;
	background: #e5ffec;
	color: var(--color-black) !important;
	padding-left: 26px !important; 
}

.header-main .nav-dropdown-col > a {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
}

.header-main .nav-dropdown-col > a::after {
	content: "\203A"; 
	font-size: 20px;
	line-height: 1;
	color: var(--color-main); 
	transition: transform 0.3s ease;
}

.header-main .header-nav .nav-dropdown-col > ul.sub-menu.nav-column {
	top: 0px !important; 
	left: calc(100% + 2px) !important; 
}

.header-main .header-nav .nav-dropdown-col > ul.sub-menu.nav-column {
	top: 0px !important; 
	left: 100% !important; 
	margin-left: 0 !important;
}

.header-main .header-nav .nav-dropdown-col > ul.sub-menu.nav-column::before {
	content: "";
	position: absolute;
	top: 0;
	left: -15px; 
	width: 15px;
	height: 100%;
	background: transparent; 
}

.header-nav-main .menu-item.active a{
	border-radius:8px !important;
	background: var(--color-main);
	color: var(--color-white) !important;
}
.header-nav-main .menu-item a{
	color: var(--color-black);
}
.header-nav-main .menu-item:hover a{
	color: var(--color-main);
}


/* Màu nền chung cho footer */
.footer_page {
  background-color: var(--color-main);
  color: var(--color-white);
}

/* ================= CỘT INTRO ================= */
/* Tiêu đề công ty */
.footer_page .intro h3 {
  color: var(--color-white);
  font-size: 16px;
  font-weight: 700;
  margin-top: 15px;
  margin-bottom: 12px;
}

/* Các dòng thông tin liên hệ (Địa chỉ, Hotline, Email) */
.footer_page .intro p {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--color-white);
  font-size: 14px;
  margin-bottom: 8px;
  line-height: 1.5;
}

/* Ẩn thẻ br bên trong đoạn text để flexbox căn ngang chuẩn theo icon */
.footer_page .intro p br {
  display: none;
}

/* Căn chỉnh kích thước icon ảnh */
.footer_page .intro p img {
  width: 18px;
  height: 18px;
  object-fit: contain;
  flex-shrink: 0;
}

/* Đường gạch ngang phân cách */
.footer_page .intro hr {
  border: none;
  border-top: 1px solid var(--color-white);
  opacity: 0.25;
  margin: 15px 0 12px 0;
}

/* Các dòng GPKD, GP Lữ hành */
.footer_page .intro  p:last-child,
.footer_page .intro  p:nth-last-child(2) {
  display: block;
  font-size: 13.5px;
  opacity: 0.9;
  margin-bottom: 4px;
}

/* ================= CỘT LIÊN KẾT & CHÍNH SÁCH ================= */
/* Tiêu đề có thanh sọc đứng '|' phía trước */
.footer_page .lienket h3,
.footer_page .vitri h3 {
  color: var(--color-white);
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
}

.footer_page .lienket h3::before,
.footer_page .vitri h3::before {
  content: "|";
  margin-right: 8px;
  font-weight: 900;
  color: var(--color-white);
}

/* Xóa bỏ hoàn toàn các đường gạch ngang mặc định của theme */
.footer_page .lienket .ux-menu,
.footer_page .lienket .ux-menu-link,
.footer_page .lienket .ux-menu-link a {
  border: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

/* Tắt các đường kẻ giả lập (nếu có) */
.footer_page .lienket .ux-menu-link::after,
.footer_page .lienket .ux-menu-link::before,
.footer_page .lienket .ux-menu-link a::after,
.footer_page .lienket .ux-menu-link a::before {
  display: none !important;
  content: none !important;
}

/* Chữ luôn luôn màu trắng, cách dòng thoáng và đẹp */
.footer_page .lienket .ux-menu-link a,
.footer_page .lienket .ux-menu-link a .ux-menu-link__text {
  color: var(--color-white) !important;
  font-size: 14px;
  text-decoration: none !important;
  padding: 5px 0 !important;
}

/* Khi hover: giữ nguyên màu trắng, không bị viền đen, chỉ sáng nhẹ */
.footer_page .lienket .ux-menu-link a:hover,
.footer_page .lienket .ux-menu-link a:hover .ux-menu-link__text {
  color: var(--color-black) !important;
  border: none !important;
  border-bottom: none !important;
  opacity: 0.8;
}
@media (max-width: 767px) {
    .tour-top-notice {
        font-size: 11px !important; /* Thu nhỏ size chữ */
        line-height: 1.3 !important;
        text-align: center !important;
        padding: 4px 5px !important;
        white-space: normal !important;
    }
    .tour-top-notice span {
        display: inline-block;
    }
	.mobile-sidebar .menu-item a{
		color: var(--color-black);
	}
}