/* Shared by every page, after page styles so the sticky header stays transparent. */
.app-navbar.navbar {
  --bs-navbar-color: #000;
  --bs-navbar-hover-color: #000;
  --bs-navbar-active-color: #000;
  --bs-navbar-brand-color: #000;
  --bs-navbar-brand-hover-color: #000;
  background: transparent;
  box-shadow: none;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}
.app-navbar .navbar-brand,
.app-navbar .navbar-brand:hover,
.app-navbar .navbar-brand:focus { color: #000; }
.app-navbar .topbar-control,
.app-navbar .public-home-login {
  color: #000;
  border-color: #000;
  background: transparent;
}
.app-navbar .topbar-control:hover,
.app-navbar .topbar-control:focus,
.app-navbar .topbar-control:active,
.app-navbar .topbar-control.show,
.app-navbar .public-home-login:hover {
  color: #000;
  border-color: #000;
  background: rgba(0, 0, 0, .04);
}
.app-navbar .topbar-control:focus-visible,
.app-navbar .public-home-login:focus-visible {
  outline: 2px solid var(--brick);
  outline-offset: 3px;
}
/* Keep the top icons frameless without changing their positions or click areas. */
.app-navbar .topbar-control,
.app-navbar .topbar-control:is(:hover, :focus, :active, .show) {
  border-color: transparent;
  color: #000;
  background: transparent;
  box-shadow: none;
}