/* AMCAI Learn theme overrides, loaded through the theme's css_overrides.
   Colors and logos live in theme.json. Only what a brand variable can't set
   belongs here. Canvas's login rules use two classes, so each rule here uses
   three to win whatever the load order. */

/* Login: the stacked AMCAI logo is taller than it is wide. Cap its height
   so the sign-in form stays in view. */
.ic-Login .ic-Login-header__logo img {
  max-height: 190px;
  width: auto;
}

/* White label: no vendor logo in the login footer. */
.ic-Login .ic-Login-footer .ic-Login-footer__logo-link {
  display: none;
}

/* Login: Canvas draws Log In as an outline, which reads weakly on Chart
   Paper. Make it a solid Flight Deck Navy button (Night Ink on hover). */
.ic-Login .ic-Login__actions .Button--login {
  background: #01225A;
  border-color: #01225A;
  color: #FFFFFF;
}
.ic-Login .ic-Login__actions .Button--login:hover,
.ic-Login .ic-Login__actions .Button--login:focus {
  background: #0B1B33;
  border-color: #0B1B33;
  color: #FFFFFF;
}

/* Header links ("Browse courses", sign-up) are white by default and would
   vanish on Chart Paper once the samplers are public. */
.ic-Login .ic-Login-header__links a {
  color: #01225A;
}

/* Phones get a separate login page (layouts/mobile_auth), and its header
   draws Canvas's own logo from Canvas's stylesheet, not from the theme
   (seen 2026-10-01). Draw the theme's login logo there instead, on Chart
   Paper like the desktop login. */
#f1_container #f1_card .mobileLogin-Header {
  background-image: var(--ic-brand-Login-logo);
  background-size: contain;
  min-height: 170px;
}
html:has(#f1_container),
html:has(#f1_container) body {
  background: #F7F4EE;
}