/* Styling for navbar */

.navbar {
  --bs-navbar-color: var(--bs-body-color);
  --bs-navbar-nav-link-padding-x: 2em;
}

.navbar #user-profile .dropdown-toggle::after {
  display: none;
}

.navbar-brand {
  --bs-navbar-brand-margin-end: 0;
}
.navbar-nav .nav-link {
  --bs-navbar-nav-link-padding-x: 1em;
}

/* aria-current marks the actual current-page link (dropdown items, the bell);
   .active marks the dropdown toggle whose section owns the current page. */
.navbar .nav-link[aria-current],
.navbar .nav-link.active {
  font-weight: 700;
}

/* Slightly smaller notification bell than the org/user icons beside it.
   display:block + line-height:1 drops the inline baseline gap so the glyph
   centers in the link instead of resting on the text baseline. */
.navbar #user-profile .nav-bell .material-symbols-outlined {
  font-size: 20px;
  line-height: 1;
  display: block;
}

nav .container-fluid,
nav .container-fluid {
  max-width: 1335px;
}
