.new-site-shell {
  min-height: 100vh;
}

.new-site-shell .wrapper {
  min-height: calc(100vh - 300px);
}

.lang-menu a {
  display: block;
  width: 100%;
  padding: 9px 12px;
  border-radius: 10px;
  text-align: left;
  font-size: 14px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.82);
}

.lang-menu a:hover {
  color: var(--gold);
  background: rgba(255, 202, 97, 0.08);
}

.mobile-lang-options a {
  padding: 10px 0;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(23, 13, 34, 0.55);
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  color: rgba(255, 255, 255, 0.82);
}

.mobile-lang-options a.is-active {
  color: var(--black);
  background: var(--gold);
  border-color: var(--gold);
}

.legacy-site > .wrapper > main:not(:has(.hero)):not(:has(.inner-page)) {
  padding-top: var(--header-total);
}

@supports not selector(:has(*)) {
  .legacy-site > .wrapper > main {
    padding-top: var(--header-total);
  }
}

/* Isolate the new homepage from narrow legacy news-page layout. */
.home-news > .container {
  max-width: none;
}

/* Bootstrap supplies a blue border/focus state for .btn-primary. */
.hero-cta .hero-register-btn,
.hero-cta .hero-register-btn:focus {
  color: #170d22;
  border: 1px solid #d5aa54;
  background: #d5aa54;
  box-shadow: inset 0 -3px 0 #9f7226;
  text-decoration: none;
}

.hero-cta .hero-register-btn:hover {
  color: #170d22;
  border-color: #edc46f;
  background: #edc46f;
  box-shadow: inset 0 -3px 0 #a97827;
}

.hero-cta .hero-register-btn:active,
.hero-cta .hero-register-btn.active {
  color: #170d22;
  border-color: #c9983e;
  background: #c9983e;
  box-shadow: inset 0 2px 0 rgba(23, 13, 34, 0.24);
}

.hero-cta .hero-register-btn:focus-visible {
  outline: 2px solid #ffca61;
  outline-offset: 3px;
}