/* ==========================================================================
   HEADER INFO - DÀN ĐỀU & NỔI BẬT THEO MẪU
   ========================================================================== */
.header-info {
	text-align: center;
	margin: 0 auto;
	padding: 5px 0;
	display: flex;
	flex-direction: column;
	align-items: center;
}

/* DÒNG 1: TIÊU ĐỀ CHÍNH (TO, ĐẬM, ĐỔ BÓNG NỔI NHƯ MẪU) */
.header-info .header-title {
	color: var(--color-main, #e60000);
	font-size: 34px;
	font-weight: 900; /* Làm chữ dày dặn như ảnh */
	text-transform: uppercase;
	letter-spacing: 1.6px; /* Kéo giãn chữ dòng trên */
	line-height: 1.5;
	margin: 0 0 6px 0;
	/* Hiệu ứng tạo viền và đổ bóng 3D nhẹ giống mẫu ảnh */
	text-shadow: 1px 1px 0px #fff, 2px 2px 3px rgba(0, 0, 0, 0.25);
	-webkit-text-stroke: 0.5px var(--color-main);
}

/* DÒNG 2: ĐỊA CHỈ / SLOGAN (DÀN RỘNG KHOẢNG CÁCH CHO BẰNG ĐỘ RỘNG DÒNG TRÊN) */
.header-info .header-address {
	color: #222222;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0;
	line-height: 1.2;
	letter-spacing: 3.2px; /* Điểm mấu chốt: kéo giãn khoảng cách chữ */
	word-spacing: 6px;     /* Kéo giãn khoảng cách giữa các chữ/dấu gạch nối */
}

/* ==========================================================================
   HEADER BOTTOM (MENU CHÍNH)
   ========================================================================== */
.header-bottom {
	background-color: var(--color-second) !important;
	min-height: 46px !important;
}

.header-bottom .nav > li > a {
	color: var(--color-white) !important;
	font-weight: 700;
	font-size: 16px;
	text-transform: uppercase;
	padding: 5px 25px !important;
	line-height: 46px;
	transition: all 0.25s ease-in-out;
	border: none !important;
}

/* SỬA LỖI SÁNG 2 NÚT CÙNG LÚC: Chỉ sáng khi Hover hoặc khi cuộn tới vị trí đó (.active) */
.header-bottom .nav > li.active > a,
.header-bottom .nav > li:hover > a {
	background-color: var(--color-main) !important;
	color: var(--color-white) !important;
}

/* Ngăn WordPress tự động tô đỏ nút Trang chủ khi chưa cuộn đến */
.header-bottom .nav > li.current-menu-item:not(.active):not(:hover) > a {
	background-color: transparent !important;
}

.header-bottom .nav-box > li > a {
	box-shadow: none !important;
}

.header-bottom .searchform {
	background-color: var(--color-white);
	border-radius: 99px;
	overflow: hidden;
	height: 32px;
	padding: 2px 5px 2px 14px;
	display: flex;
	align-items: center;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.header-bottom .searchform .search-field {
	border: none !important;
	box-shadow: none !important;
	background: transparent !important;
	color: var(--color-black) !important;
	font-size: 15px;
	height: 32px;
	padding: 0;
	padding-bottom: 7px;
}

.header-bottom .searchform .search-field::placeholder {
	color: #777;
	font-size: 12px;
}

.header-bottom .searchform .ux-search-submit {
	background: transparent !important;
	color: var(--color-black) !important;
	border: none !important;
	box-shadow: none !important;
	padding: 0 8px;
	height: 32px;
	line-height: 32px;
	cursor: pointer;
}

.header-bottom .searchform .ux-search-submit i {
	font-size: 15px;
}

.header-bottom .flex-col.flex-left {
	display: none;
}

/* ==========================================================================
   PHẦN FOOTER (.footer_page)
   ========================================================================== */
.footer_page {
  background-color: var(--color-second, #1D438A) !important;
  padding: 50px 0 40px 0 !important;
  color: #ffffff !important;
}

.footer_page h2,
.footer_page h3 {
  color: #ffffff !important;
  font-size: 16.5px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  margin-top: 0 !important;
  margin-bottom: 25px !important;
}

/* CỘT 1: THÔNG TIN LIÊN HỆ */
.footer_page .gioithieu h4 {
  color: #ffffff !important;
  font-size: 14.5px !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
  margin-bottom: 15px !important;
}

.footer_page .gioithieu h4 strong {
  font-weight: 700 !important;
}

/* CỘT 2: CHÍNH SÁCH */
.footer_page .chinhsach .ux-menu {
  display: flex;
  flex-direction: column;
  gap: 15px !important;
}

.footer_page .chinhsach .ux-menu-link {
  padding: 0 !important;
}

.footer_page .chinhsach .ux-menu-link__link {
  color: #ffffff !important;
  font-size: 14.5px !important;
  text-transform: uppercase !important;
  display: flex;
  align-items: center;
  transition: opacity 0.3s ease !important;
  text-decoration: none !important;
}

.footer_page .chinhsach .ux-menu-link__link:hover {
  opacity: 0.75;
}

.footer_page .chinhsach .ux-menu-link__link::before {
  content: "";
  display: inline-block;
  width: 3px;
  height: 3px;
  background-color: transparent;
  box-shadow:
    -3px -3px 0 0.5px #ffffff,
     3px -3px 0 0.5px #ffffff,
    -3px  3px 0 0.5px #ffffff,
     3px  3px 0 0.5px #ffffff;
  margin-right: 18px;
  margin-left: 6px;
}

/* CỘT 3: FANPAGE / MẠNG XÃ HỘI */
.footer_page .lienhe .is-divider {
    background-color: rgba(255, 255, 255, 0.2);
}

/* ==========================================================================
   BUTTON HOTLINE LẮC LẮC & TỎA SÁNG
   ========================================================================== */
.header-hotline-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.btn-hotline-shake {
  display: inline-flex;
  align-items: center;
  background-color: var(--color-main, #E60000);
  color: #ffffff !important;
  padding: 6px 18px 6px 8px;
  border-radius: 99px;
  text-decoration: none !important;
  box-shadow: 0 0 0 0 rgba(230, 0, 0, 0.7);
  animation: hotline-pulse 1.8s infinite;
  transition: transform 0.2s ease;
}

.btn-hotline-shake:hover {
  transform: scale(1.05);
}

/* Icon tròn xoay lắc */
.btn-hotline-shake .hotline-icon-box {
  width: 36px;
  height: 36px;
  background-color: #ffffff;
  color: var(--color-main, #E60000);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  margin-right: 10px;
  animation: hotline-wiggle 1s ease-in-out infinite;
}

/* Chữ hiển thị */
.btn-hotline-shake .hotline-text-box {
  display: flex;
  flex-direction: column;
  line-height: 1.1;
  text-align: left;
}

.btn-hotline-shake .hotline-label {
  font-size: 11px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  opacity: 0.9;
}

.btn-hotline-shake .hotline-number {
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 0.5px;
  white-space: nowrap;
}
.header-nav.header-bottom-nav{
	gap:25px !important; 
}
.stuck .header-main {
    display:none !important;
}
.home_gioithieu .title p,
.home_gioithieu .title br{
	display:none;
}
.home_gioithieu .header-hotline-wrap{
	padding-top:10px !important;
	display:flex;
	justify-content:center !important;
}
/* HIỆU ỨNG TỎA SÁNG (GLOW/PULSE) XUNG QUANH NÚT */
@keyframes hotline-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(230, 0, 0, 0.7);
  }
  70% {
    box-shadow: 0 0 0 12px rgba(230, 0, 0, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(230, 0, 0, 0);
  }
}

/* HIỆU ỨNG RUNG LẮC QUẢ CHUÔNG (WIGGLE) */
@keyframes hotline-wiggle {
  0%, 100% {
    transform: rotate(0deg);
  }
  15% {
    transform: rotate(14deg);
  }
  30% {
    transform: rotate(-12deg);
  }
  45% {
    transform: rotate(10deg);
  }
  60% {
    transform: rotate(-6deg);
  }
  75% {
    transform: rotate(2deg);
  }
}

/* Ẩn bớt viền dư thừa trên Mobile nếu cần */
@media (max-width: 849px) {
  .btn-hotline-shake {
   padding: 6px 15px 6px 11px;
  }
  .btn-hotline-shake .hotline-icon-box {
    width: 30px;
    height: 28px;
    font-size: 13px;
  }
  .btn-hotline-shake .hotline-number {
    font-size: 15px;
  }
  .btn-hotline-shake .hotline-label {
    font-size: 10px;
	  padding-bottom:6px;
	  
  }
}
@media (max-width: 849px) {
	.header-top {
		background-color: transparent !important;
	}

	.header-info {
		padding: 6px 0;
	}

	.header-info .header-title {
		font-size: 20px;
		-webkit-text-stroke: 0.5px var(--color-main);
		margin-bottom: 2px;
	}

	.header-info .header-address {
		font-size: 13px;
		-webkit-text-stroke: 0;
	}

	.sidebar-menu .menu-item a {
		color: var(--color-second) !important;
	}
	.sidebar-menu .custom.html_topbar_right{
		display:flex;
		justify-content:center;
	}
}