/* Общий белый цвет */
.navbar .nav-link {
  color: #fff !important;
  position: relative;
  padding: 0.5rem 1rem;
  text-decoration: none;
}
.navbar .nav-link:hover {
  color: #fff !important;
  text-decoration: none;
}

/* Только для меню (левый блок) */
.navbar .main-menu .nav-link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2px;                 /* аккуратно под текстом */
  width: 0;
  height: 2px;
  background-color: #fff;
  transition: width 0.3s ease-in-out;
}
.navbar .main-menu .nav-link:hover::after {
  width: 100%;
}

/* Правые иконки: белые, без подчёркивания и без увеличения */
.navbar .icon-link {
  color: #fff !important;
  text-decoration: none !important;
  padding: 0.5rem;
  font-size: 1.2rem;      /* фиксируем размер */
  display: flex;
  align-items: center;
}
.navbar .icon-link:hover,
.navbar .icon-link:focus {
  color: #fff !important;
  text-decoration: none !important;
  font-size: 1.2rem;      /* размер не меняется */
}

/* Сужаем расстояние между иконкой и стрелкой */
.navbar .dropdown-toggle::after {
  margin-left: .05rem !important;  /* стандартно .5rem */
}

/* Фон offcanvas */
#offcanvasMenu {
  background-color: #0A2C55 !important; /* чуть светлее чем navbar */
  color: #fff;
}

/* Ссылки в меню (offcanvas) */
#offcanvasMenu .nav-link {
  color: #fff !important;
  transition: color 0.3s ease-in-out;
  padding: .5rem .75rem;
}
#offcanvasMenu .nav-link:hover {
  color: #B0C4DE !important;
}

/* Активный пункт в offcanvas */
#offcanvasMenu .nav-link.active {
  font-weight: 600;
  color: #fff !important;
  position: relative;
  padding-left: 1rem; /* отступ для текста, чтобы полоска не налезала */
}
#offcanvasMenu .nav-link.active::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 4px;
  background-color: #FFD700;   /* жёлтая полоска */
  border-radius: 0 2px 2px 0;
}

/* Активный пункт в верхнем navbar */
.navbar .nav-link.active {
  color: #fff !important;
}
.navbar .nav-link.active::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2px;               /* на том же уровне, что и hover */
  width: 100%;
  height: 2px;
  background-color: #FFD700; /* жёлтая линия */
}