header {
  top: 0;
  left: 0;
  width: 100%;
  height: 80px;
  background-color: #ffffff;
  z-index: 1000;
  display: flex;
  align-items: center;
  transition: var(--transition-smooth);
}

.navbar-inner-container {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 80px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}

.logo-text {
  font-family: var(--font-logo);
  font-weight: 800;
  font-size: 40px;
  color: var(--primary-color);
  letter-spacing: -0.5px;
  padding: 0;
}

/* Các liên kết điều hướng */
.nav-link {
  font-family: var(--font-menu) !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  color: var(--secondary-color) !important;
  padding: 8px 12px !important;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  position: relative;
  transition: var(--transition-smooth);
}

.nav-link:hover,
.nav-link.active {
  color: var(--primary-color) !important;
}

/* Nút CTA tư vấn */
.btn-consult {
  font-family: var(--font-main);
  font-size: 15px;
  font-weight: 600;
  border-radius: 10px;
  padding: 12px 24px;
  height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: var(--transition-smooth);
  border: 0px;
}

/* Custom toggler styling */
.navbar-toggler:focus {
  box-shadow: none !important;
}

/* Responsive custom adjustments for Bootstrap Collapse */
@media (max-width: 991.98px) {
  .navbar-inner-container {
    padding: 0 40px;
  }

  /* Định cấu hình menu dưới dạng danh sách trượt xuống/đè lên có đổ bóng đẹp mắt */
  .navbar-collapse {
    position: absolute;
    top: 80px;
    left: 0;
    width: 100%;
    background-color: #ffffff;
    padding: 20px 40px;
    box-shadow: 0px 8px 16px rgba(13, 48, 122, 0.08);
    border-top: 1px solid rgba(13, 48, 122, 0.05);
    z-index: 999;
  }

  .navbar-nav {
    gap: 15px;
    margin-bottom: 20px !important;
  }

  .nav-link {
    width: 100%;
    padding: 10px 0 !important;
    font-size: 18px !important;
  }

  .navbar-cta-container {
    width: 100%;
  }

  .navbar-cta-container .btn-consult {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .navbar-inner-container {
    padding: 0 20px;
  }
  
  .logo-text {
    font-size: 32px !important;
  }
  
  .navbar-collapse {
    padding: 20px;
  }
}

@media (max-width: 576px) {
  .navbar-inner-container {
    /* Đồng bộ khoảng cách lề hai bên với container chính trên màn hình mobile nhỏ */
    padding: 0 15px;
  }
}

/* Tối ưu hóa kích thước menu điều hướng trên màn hình laptop từ 992px đến 1200px (bao gồm màn hình 1024px) 
   để các liên kết không bị xuống dòng hoặc tràn màn hình do không gian ngang hẹp */
@media (min-width: 992px) and (max-width: 1200px) {
  .navbar-inner-container {
    /* Giảm padding hai bên để tối ưu hóa không gian cho menu */
    padding: 0 30px;
  }

  .navbar-nav {
    /* Giảm khoảng cách giữa các mục menu chính */
    gap: 12px !important;
  }

  .nav-link {
    /* Giảm cỡ chữ và khoảng cách đệm của các liên kết để chúng nằm gọn trên một dòng */
    font-size: 14px !important;
    padding: 6px 8px !important;
    white-space: nowrap;
  }

  .btn-consult {
    /* Điều chỉnh nhẹ kích thước nút kêu gọi hành động để đồng bộ với menu */
    font-size: 14px;
    padding: 10px 16px;
    height: 44px;
  }
}