/* 导航栏样式 */

/* 自定义导航栏样式 */
/* 只在显示navbar-toggler时（移动端）才显示阴影 */
@media (max-width: 991.98px) {
  .navbar {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  }
}
  .navbar {
    position: absolute;
    top: 0;
    width: 100%;
  }
/* 导航链接悬停效果 */
.navbar-nav .nav-link {
  transition: color 0.3s ease;
  color: #fff;
}
.nav-item{
  margin-left: 20px;
}
a:hover {
    text-decoration: none;
}
.navbar-nav .nav-link:hover {
  color: var(--light-green) !important;
}
.nav-link.active,.nav-link.active{
  color: var(--light-green) !important; 
  border-bottom: 1px solid var(--light-green) !important;
}
/* .nav-link.active {
  color: var(--light-green) !important;
} */

.logo {
  width: 190px;
}
/* 移动端菜单悬浮效果 */
@media (max-width: 991.98px) {
  .logo {
    width: 100px;
  }
  .navbar-collapse {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: var(--primary-color);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    border-radius: 0 0 8px 8px;
    padding: 1rem;
    z-index: 1000;
    margin-top: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
  }

  .navbar-collapse.show {
    display: block !important;
  }
}



/* Navbar Overrides for FAQ Page */
.faq-navbar {
  background-color: white !important;
}

.faq-navbar .nav-link {
  color: var(--primary-color) !important;
  font-weight: 600;
}

.faq-navbar .nav-link:hover,
.faq-navbar .nav-link.active {
  color: var(--primary-color) !important;
  border-bottom: 0.125rem solid var(--primary-color) !important;
}

.faq-navbar .navbar-toggler {
  border-color: var(--primary-color);
}

.faq-navbar .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 75, 48, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}



/* Navbar collapse background for FAQ page */
.faq-navbar .navbar-collapse {
  background-color: white !important;
}

/* Mobile navbar collapse for FAQ page */
@media (max-width: 991.98px) {
  .faq-navbar .navbar-collapse {
    background-color: white !important;
    border-top: 1px solid rgba(0, 75, 48, 0.1);
  }
}