/*File này sẽ ghi đè các css đã có*/
/*Banner trang chủ*/
.wrapper-banner .banner {
    padding-bottom: 0 !important;
  
}
/* Ảnh banner */
.wrapper-banner .tech-banner img {
  display: block;
  width: 100%;
  height: auto;
  padding-bottom: 0 !important; /* giữ như cũ nếu cần */
  /* không dùng opacity ở đây nữa */
}

/* Overlay mờ ảnh */
.wrapper-banner .tech-banner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4); /* đen mờ nhẹ, 0.2 = 20% */
  z-index: 1; /* thấp hơn text */
}
/*Dịch vụ trang chủ - responsive ...*/
.service-content .service-context .service-name {
    display: -webkit-box !important;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    word-break: break-word !important;
}
/* ================================
   MENU CÔNG NGHỆ (TECH NAV) 
   Hover multi-level, padding vừa phải
=================================*/

/* Submenu container (cấp 1) */
.nav-item.tech-nav > .submenu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 999;
  min-width: 220px;
  background: #fff; /* nền menu luôn hiển thị */
  border-bottom: 3px solid var(--primary-color);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  padding: 0; 
}

/* Submenu-list cấp 1 (ẩn nội dung mặc định) */
.nav-item.tech-nav > .submenu .submenu-list {
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: opacity 0.25s ease, transform 0.25s ease;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Hover hiển thị submenu-list cấp 1 */
.nav-item.tech-nav:hover > .submenu .submenu-list {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* Item trong submenu (cấp 1) */
.nav-item.tech-nav .submenu-item {
  padding: 0; /* vừa phải */
  position: relative;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

/* Hover item */
.nav-item.tech-nav .submenu-item:hover {
  background-color: #f5f5f5;
}

/* Submenu cấp 2 (nếu có con) */
.nav-item.tech-nav .submenu-item > .submenu-list {
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  min-width: 200px;
  background: #fff;
  border-left: 3px solid var(--primary-color);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
  padding:  0;
  z-index: 999;
}

/* Hover submenu cấp 2 */
.nav-item.tech-nav .submenu-item:hover > .submenu-list {
  display: block;
}

/* Item submenu cấp 2 */
.nav-item.tech-nav .submenu-item > .submenu-list .submenu-item {
  padding: 0;
}

/* Hover submenu cấp 2 */
.nav-item.tech-nav .submenu-item > .submenu-list .submenu-item:hover {
  background-color: #f0f0f0;
}

/* Icon mũi tên nếu item có submenu con */
.nav-item.tech-nav .submenu-item.has-children > a::after {
  content: "\f0da"; /* FontAwesome chevron-right */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: 6px;
  float: right;
}

/* Mobile */
/* Cấp 1 – parent (không hiển thị mặc định, vẫn toggle) */
.nav-submobile.submobile.tech-submenu {
    display: none; /* vẫn đóng mặc định */
    flex-direction: column;
    padding-left: 0;
}

/* Khi parent active mở menu */
.nav-item.tech-slide-drop.active > .nav-submobile.tech-submenu {
    display: flex; /* hiển thị khi bấm */
}

/* Cấp 2 – child luôn hiển thị */
.tech-submenu-child {
    display: flex; /* luôn hiển thị */
    flex-direction: column;
    padding-left: 16px; /* thụt lề so với cấp 1 */
}

/* Mỗi item cấp 2 */
.tech-submenu-child .nav-submobile-item {
    padding: 8px 0;
    font-size: 15px;
}

/*Giãn cách giữa các nav*/
.header-body, .navigation {
    gap: 34px !important;
}

/*AMDIN Bage contact*/
/* CSS custom cho badge sidebar */
.sidebar .nav-item .nav-link {
    position: relative; /* để badge có thể định vị tuyệt đối */
}
.sidebar .nav-item .nav-link .badge {
    position: absolute !important;
    top: 50%;
    right: 12px !important; /* khoảng cách từ phải, chỉnh theo layout */
    margin-left: 18px !important;
    transform: translateY(-50%);
    font-size: 0.65rem; /* nhỏ gọn */
    font-weight: bold;
    padding: 0.25em 0.45em;
    border-radius: 50%;
    line-height: 1;
}