/* ARCH JHU Keycloak Login Theme */

/* Background */
body {
  background: #eef1f5 !important;
}

/* Card container */
#kc-header-wrapper {
  background: #002D72 !important;
  color: #fff !important;
  padding: 18px 24px !important;
  border-radius: 8px 8px 0 0 !important;
  font-size: 1.15rem !important;
  font-weight: 600 !important;
  text-align: left !important;
}

.login-pf-page .card-pf,
#kc-login {
  border-radius: 0 0 8px 8px !important;
  border: 1px solid #dee2e6 !important;
  border-top: none !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.08) !important;
}

/* Social provider (JHED) button — show ABOVE the form */
#kc-social-providers {
  order: -1 !important;
  margin-bottom: 16px !important;
  padding-top: 0 !important;
}

#kc-social-providers hr {
  display: none !important;
}

#kc-social-providers h2 {
  display: none !important;
}

#kc-social-providers ul {
  margin: 0 !important;
  padding: 0 !important;
}

#kc-social-providers li {
  list-style: none !important;
}

#kc-social-providers a {
  display: block !important;
  background: #002D72 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 14px 20px !important;
  text-align: center !important;
  font-size: 1.05rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: background 0.2s !important;
}

#kc-social-providers a:hover {
  background: #001a4a !important;
}

/* Divider between SSO and form */
#kc-form::before {
  content: "Or sign in with local account";
  display: block;
  text-align: center;
  color: #6c757d;
  font-size: 0.85rem;
  margin: 8px 0 16px;
  padding-top: 12px;
  border-top: 1px solid #dee2e6;
}

/* Submit button style */
#kc-login {
  background: #fff !important;
  color: #002D72 !important;
  border: 2px solid #002D72 !important;
  border-radius: 6px !important;
  font-weight: 600 !important;
  padding: 10px 20px !important;
  transition: all 0.2s !important;
}

#kc-login:hover {
  background: #002D72 !important;
  color: #fff !important;
}

/* Registration link */
#kc-registration {
  text-align: center !important;
  padding: 12px !important;
  font-size: 0.9rem !important;
}

/* Form layout — use flexbox to reorder SSO above form */
#kc-content-wrapper {
  display: flex !important;
  flex-direction: column !important;
}

#kc-social-providers {
  order: -1 !important;
}

#kc-form-wrapper {
  order: 1 !important;
}

/* Labels */
.pf-v5-c-form__label-text,
label[for="username"],
label[for="password"] {
  font-weight: 600 !important;
  font-size: 0.9rem !important;
}

/* Inputs */
input.pf-v5-c-form-control,
input[name="username"],
input[name="password"] {
  border-radius: 5px !important;
  border: 1px solid #ced4da !important;
  padding: 10px 12px !important;
}

/* Hide default background image */
.login-pf body,
.login-pf {
  background-image: none !important;
}