/* 
Educa Keycloak Login Theme 
*/

body,
.login-pf {
  background: #ffffff !important;
  background-image: none !important;
}

#kc-header,
#kc-header-wrapper {
  margin: 0;
}

#kc-logout-confirm .instruction {
  margin: 20px 0;
}

/* Logo image is set in https://auth.<educa domain>/admin/master/console/#/master/realm-settings */
.educa-logo {
  max-width: 75%;
}

:root {
  --educa-orange: #eb5f37;
  --educa-darker-orange: #d4502d;
  --educa-blue: #3c91e6;
  --educa-darker-blue: #2a74b2;

  --pf-global--primary-color--100: var(--educa-orange);
  --pf-global--primary-color--200: var(--educa-darker-orange);

  --pf-global--link--Color: var(--educa-blue);
  --pf-global--link--Color--hover: var(--educa-darker-blue);
  --pf-v5-global--link--Color: var(--educa-blue);
  --pf-v5-global--link--Color--hover: var(--educa-darker-blue);

  --pf-v5-global--primary-color--100: var(--educa-orange);
  --pf-v5-global--primary-color--200: var(--educa-darker-orange);

  --keycloak-card-top-color: var(--educa-blue);
}

/* Select authenticator page */
.select-auth-container .select-auth-box-parent {
  padding-inline-end: 0;
}

.select-auth-container .pf-v5-c-data-list__cell {
  margin-inline-end: 0;
}

.select-auth-container .select-auth-box-desc {
  padding: 0;
}

#educa-footer {
  background: var(--educa-orange);
  margin-top: 48px;
  padding: 20px 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
}

#educa-footer .educa-footer-logo img {
  height: 24px;
  display: block;
}

#educa-footer a {
  color: rgba(255, 255, 255, 0.85);
  text-decoration: none;
  font-size: 13px;
  transition: color 0.2s;
}

#educa-footer a:hover {
  color: #ffffff;
}

#educa-footer .educa-footer-dot {
  color: rgba(255, 255, 255, 0.5);
  font-size: 13px;
}