/* Login page theme override for capricorn.zone.
   Loaded after Facelift/css/login/fl_login.css (see Environment/LoginThemeHelper.cs).
   Only declare what actually differs from the default brand - everything else is
   inherited from fl_login.css automatically. */

:root {
  /* --login-color-accent and --login-color-accent-hover below are confirmed real,
       taken from this folder's own fl_login.css. The rest (navy, blue, charcoal) still
       match the shared stylesheet's own fallback defaults exactly, i.e. nothing
       capricorn-specific has been supplied for them yet - TODO: replace with
       capricorn.zone's real brand colours once available. */

  /* NOT the login box panel background - see the .login-container__login-box rule
       below, which hardcodes white and beats this variable outright. Every other
       selector that reads this colour (.button_normal, #btnUpdateUserProfileInfo,
       #btnExpandCollapseAll, dialog buttons, etc.) belongs to other admin pages that
       share this stylesheet and don't exist on the login page. Net effect:
       --login-color-navy currently has zero visible effect on this page. Kept only for
       consistency with the rest of fl_login.css. */
  --login-color-navy: #1e163c;

  /* The "Log in" button background. Confirmed real brand colour - taken from the
       hardcoded .login-box__log-in-button override in this folder's fl_login.css,
       which diverges from the shared stylesheet's pink fallback. */
  --login-color-accent: #e42313;

  /* The "Log in" button's hover state (fl_login.css reuses this same shade for ~15
       other button hovers that don't apply to this page). Confirmed real brand colour -
       taken from the hardcoded .login-box__log-in-button:hover override in this
       folder's fl_login.css. */
  --login-color-accent-hover: #b21609;

  /* .chip badge elements - not present on the login page today, so this currently has
       no visible effect here. Kept only for consistency with the rest of fl_login.css. */
  --login-color-blue: #005de5;

  /* Header bar background, hamburger menu icon, and slide-out side menu text colour -
       none of that markup exists on the login page (no header/hamburger here), so this
       currently has no visible effect either. */
  --login-color-charcoal: #0c022f;
}

.login-container__login-box {
  background-color: white !important;
}

.login-container__login-box .login-box__text,
.login-container__login-box .download-container__text p {
  color: black !important;
}

.login-container__login-box .new-logo {
  width: 380px;
  height: 100px;
  background-image: url("Capricorn_Logo.png");
}

.download-container__images p {
  color: black;
}

.login-box__input-holder .input-label {
  color: #333;
}

.content-container__login-container {
  width: 570px !important;
}

body {
  background-image: url("Capricorn_Login_Background.png") !important;
  background-size: cover !important;
}