/*
 * Mobile bottom quick-nav (#mobile-bottom-nav in fragments/nav.html).
 * The bar itself is shown only below the Bootstrap `lg` breakpoint via `d-lg-none`; this file
 * adds the content offset so the fixed bar never hides page content, plus item colouring and the
 * active-item highlight. Desktop (>=992px) is unaffected.
 */
@media (max-width: 991.98px) {
  /* Clear the fixed bar so the last content / toasts are not hidden behind it. */
  body {
    padding-bottom: 4rem;
  }
}

#mobile-bottom-nav .mobile-bottom-nav__link {
  color: var(--bs-secondary-color);
  line-height: 1.1;
}

#mobile-bottom-nav .mobile-bottom-nav__link.active {
  color: var(--bs-primary);
  font-weight: 600;
}