/* Make navbar sticky */
.navbar {
    position: sticky;
    top: 0;
    z-index: 1055;
}

/* For mobile offcanvas, ensure overlay is always below navbar */
@media (max-width: 991.98px) {
  .navbar {
    position: sticky;
    top: 0;
    z-index: 1060;
  }
}

/* Sticky navbar background on scroll */
.navbar.sticky-scrolled {
    background-color: #005eb8 !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.08);
    transition: background 0.2s, box-shadow 0.2s;
}