.header-account-link {
  display: inline-flex;
  align-items: center;
  margin-right: 1rem;
  color: var(--white, #fff);
  text-decoration: none;
  transition: color 0.2s ease;
}

.header-account-link:hover,
.header-account-link:focus {
  color: var(--hawks-purple, #6120A6);
}

.header.sticky .header-account-link {
  color: var(--base-color-brand--blue-dark, #040c5c);
}

.header.sticky .header-account-link:hover,
.header.sticky .header-account-link:focus {
  color: var(--hawks-purple, #6120A6);
}

/* Force the sticky-header look on pages whose body bg is the light grey
   (#e8e6df) — the default non-sticky header has white text that's invisible
   on grey. Booking root is excluded (it has a hero); the booking SPA
   sub-routes (/booking/program/{id}, /booking/register/{id}) are tagged
   server-side with .hawks-booking-subview (see Plugin::register_rewrite_rules). */
body.page-template-default:has(#hawks-register-wrap) .header,
body.page-template-default:has(#hawks-complete-profile-wrap) .header,
body.hawks-booking-subview .header {
  background-color: #FFF;
}

body.page-template-default:has(#hawks-register-wrap) #navbarNavDropdown > ul .nav-link,
body.page-template-default:has(#hawks-complete-profile-wrap) #navbarNavDropdown > ul .nav-link,
body.hawks-booking-subview #navbarNavDropdown > ul .nav-link {
  color: var(--base-color-brand--blue-dark, #040c5c);
}

body.page-template-default:has(#hawks-register-wrap) .header-account-link,
body.page-template-default:has(#hawks-complete-profile-wrap) .header-account-link,
body.hawks-booking-subview .header-account-link {
  color: var(--base-color-brand--blue-dark, #040c5c);
}