/**
 * 导航栏修复样式
 * 解决导航栏图标和文本对齐问题
 */

/* 导航栏基本样式调整 */
.navbar {
  padding: 0 1rem !important;
  display: flex !important;
  align-items: center !important;
  height: 60px !important;
}

.navbar-brand {
  display: flex !important;
  align-items: center !important;
  height: 60px !important;
}

.navbar > .container-fluid {
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
}

/* 确保子元素正确显示 */
.navbar-expand-lg .navbar-collapse {
  display: flex !important;
  flex-basis: auto !important;
}

.navbar-nav {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  height: 60px !important;
  margin: 0 !important;
}

/* 导航项调整 */
.navbar-nav .nav-item {
  display: flex;
  align-items: center;
  height: 100%;
  position: relative;
}

.navbar-nav .nav-link {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
  padding: 0 1rem !important;
}

/* 激活状态的导航链接样式 */
.navbar-nav .nav-link.active {
  background-color: rgba(255, 255, 255, 0.1) !important;
  position: relative;
}

/* 激活状态的导航链接底部白色线条 */
.navbar-nav .nav-link.active::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background-color: white;
}

/* 导航链接中的图标调整 */
.navbar-nav .nav-link i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.5rem;
  font-size: 1rem;
  line-height: 1;
  height: 1em;
}

/* 用户下拉菜单按钮调整 */
#adminDropdown {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.375rem 0.75rem;
}

#adminDropdown i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.5rem;
}

/* 覆盖Bootstrap图标的默认样式，确保导航栏中的垂直对齐 */
.navbar .bi::before,
.navbar [class^="bi-"]::before,
.navbar [class*=" bi-"]::before {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 1em;
  line-height: 1;
  vertical-align: middle;
  margin-right: 0.5rem;
  position: relative;
  top: -0.05em;
}

/* 按钮图标对齐 */
.btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.btn i,
.btn .bi {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-right: 0.25rem !important;
  line-height: 1 !important;
}

/* 用户图标颜色设置为白色 */
/* .bi-person-circle {
  color: white !important;
}

#adminDropdown .bi-person-circle {
  color: white !important;
} */