/**
 * R49.25 Onboarding navigation action.
 */

.site-header__actions > .site-header__onboarding {
  border-color: rgba(201, 169, 110, 0.78);
  background: rgba(10, 10, 10, 0.12);
  color: inherit;
  transition:
    background-color 220ms ease,
    border-color 220ms ease,
    color 220ms ease;
}

.site-header--over-hero .site-header__actions > .site-header__onboarding {
  border-color: var(--gold, #c9a96e);
}

.ethos-onboarding-route .site-header--over-hero:not(.is-scrolled),
.ethos-onboarding-route .site-header--over-hero:not(.is-scrolled) .primary-menu > li > a,
.ethos-onboarding-route .site-header--over-hero:not(.is-scrolled) .site-header__advisor {
  color: #fff;
}

.ethos-onboarding-route .site-header--over-hero:not(.is-scrolled) .site-header__onboarding[aria-current="page"] {
  color: var(--ink, #0a0a0a);
}

.site-header__actions > .site-header__onboarding:hover,
.site-header__actions > .site-header__onboarding:focus-visible,
.site-header__actions > .site-header__onboarding[aria-current="page"] {
  border-color: var(--gold, #c9a96e);
  background: var(--gold, #c9a96e);
  color: var(--ink, #0a0a0a);
  text-decoration: none;
}

.site-header.is-scrolled .site-header__actions > .site-header__onboarding {
  border-color: var(--gold, #c9a96e);
  background: transparent;
}

.site-header.is-scrolled .site-header__actions > .site-header__onboarding:hover,
.site-header.is-scrolled .site-header__actions > .site-header__onboarding:focus-visible,
.site-header.is-scrolled .site-header__actions > .site-header__onboarding[aria-current="page"] {
  background: var(--gold, #c9a96e);
}

.mobile-menu__actions > .ethos-mobile-onboarding {
  border-color: var(--gold, #c9a96e);
  background: var(--gold, #c9a96e);
  color: var(--ink, #0a0a0a);
}

.mobile-menu__actions > .ethos-mobile-onboarding:hover,
.mobile-menu__actions > .ethos-mobile-onboarding:focus-visible {
  border-color: var(--paper, #fbfaf7);
  background: var(--paper, #fbfaf7);
  color: var(--ink, #0a0a0a);
}

@media (prefers-reduced-motion: reduce) {
  .site-header__actions > .site-header__onboarding {
    transition: none;
  }
}