/* Tatreez application styles. Keep focus states clearly visible (spec §30). */
:focus-visible {
  outline: 3px solid #0d6efd;
  outline-offset: 2px;
}

.skip-link:focus {
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  z-index: 1080;
  padding: 0.5rem 1rem;
  background: #fff;
  color: #000;
}

/* Without JavaScript the collapsible navigation cannot open, so show it expanded. */
.no-js .navbar-collapse {
  display: block !important;
}

.no-js .navbar-toggler {
  display: none;
}

.admin-nav .nav-link {
  padding: 0.35rem 0.5rem;
}

.admin-nav .nav-link.active {
  font-weight: 600;
  text-decoration: underline;
}

.navbar .nav-link,
.navbar .navbar-text {
  white-space: nowrap;
}

/* Uploaded logo in the top bar (replaces the text brand). */
.brand-logo {
  display: block;
  max-height: 40px;
  max-width: 200px;
  width: auto;
  height: auto;
}