/* Header nav: dark by default, gold on hover, login/registration in logo color. */
.bn-header .bn-nav a {
  border-color: rgba(255, 205, 48, .18) !important;
  background: linear-gradient(180deg, rgba(25, 25, 25, .96) 0%, rgba(13, 13, 13, .98) 100%) !important;
  color: #fff7df !important;
  text-shadow: none !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .05),
    0 8px 18px rgba(0, 0, 0, .28) !important;
}

.bn-header .bn-nav a span:first-child {
  color: #fff7df !important;
}

.bn-header .bn-nav a span + span {
  color: #d5a92b !important;
}

.bn-header .bn-nav a::before {
  background: #e3ad20 !important;
  opacity: .72 !important;
  box-shadow: 0 0 10px rgba(255, 190, 38, .28) !important;
}

.bn-header .bn-nav a:hover,
.bn-header .bn-nav a:focus-visible,
.bn-header .bn-nav a.is-active {
  border-color: rgba(255, 209, 51, .72) !important;
  background: linear-gradient(180deg, #fbc33a 0%, #f4b21f 54%, #f0a600 100%) !important;
  color: #070604 !important;
  transform: translateY(-1px);
  box-shadow:
    0 10px 22px rgba(0, 0, 0, .34),
    0 0 20px rgba(255, 186, 28, .18) !important;
}

.bn-header .bn-nav a:hover span:first-child,
.bn-header .bn-nav a:focus-visible span:first-child,
.bn-header .bn-nav a.is-active span:first-child,
.bn-header .bn-nav a:hover span + span,
.bn-header .bn-nav a:focus-visible span + span,
.bn-header .bn-nav a.is-active span + span {
  color: #070604 !important;
}

.bn-header .bn-nav a:hover::before,
.bn-header .bn-nav a:focus-visible::before,
.bn-header .bn-nav a.is-active::before {
  background: rgba(8, 7, 5, .42) !important;
  opacity: .62 !important;
  box-shadow: none !important;
}

.bn-header .bn-nav a.is-active::after {
  background: rgba(8, 7, 5, .34) !important;
}

.bn-header .bn-login-link,
.bn-actions .bn-login-link,
.bn-header .bn-register-link,
.bn-actions .bn-register-link {
  border: 0 !important;
  background: linear-gradient(180deg, #fbc33a 0%, #f4b21f 54%, #f0a600 100%) !important;
  color: #070604 !important;
  text-shadow: none !important;
  box-shadow: 0 8px 18px rgba(0, 0, 0, .28) !important;
}

.bn-header .bn-login-link:hover,
.bn-header .bn-login-link:focus-visible,
.bn-actions .bn-login-link:hover,
.bn-actions .bn-login-link:focus-visible,
.bn-header .bn-register-link:hover,
.bn-header .bn-register-link:focus-visible,
.bn-actions .bn-register-link:hover,
.bn-actions .bn-register-link:focus-visible {
  background: linear-gradient(180deg, #ffd04c 0%, #f4b21f 55%, #e59a00 100%) !important;
  color: #070604 !important;
  box-shadow:
    0 10px 22px rgba(0, 0, 0, .34),
    0 0 18px rgba(255, 190, 38, .2) !important;
}