/* ── Navbar Active & Hover Fix ─────────────────────────────────────────────── */

/* Hover — slightly lighter than nav bg #1D3160 */
ul.navbar-nav > li:hover > a {
  color: #fff !important;
  opacity: 1 !important;
  background: rgba(255,255,255,.12);
}

/* Active — same hover style + bottom indicator */
ul.navbar-nav > li.active > a,
ul.navbar-nav > li.active > a:hover,
ul.navbar-nav > li.active > a:focus {
  color: #fff !important;
  background: rgba(255,255,255,.12);
  position: relative;
}

ul.navbar-nav > li.active > a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: #fff;
  border-radius: 3px 3px 0 0;
}

/* Dropdown hover */
.dropdown-menu li a:hover,
.dropdown-menu li a:focus {
  background: #1D3160 !important;
  color: #fff !important;
}

/* Dropdown active item */
.dropdown-menu li.active > a {
  background: #1D3160 !important;
  color: #fff !important;
}

/* Mobile */
@media (max-width: 991px) {
  ul.navbar-nav > li.active > a {
    color: #fff !important;
    background: rgba(255,255,255,.12);
    border-left: 3px solid #fff;
    padding-left: 10px !important;
  }
  ul.navbar-nav > li.active > a::after {
    display: none;
  }
  ul.navbar-nav > li:hover > a {
    color: #fff !important;
    background: rgba(255,255,255,.08);
  }
}