@import url('/assets/vendor/dsfr-1.15.4/dsfr.min.css');

/* Presentation override only. The inherited Keycloak templates keep OIDC and MFA. */
:root {
  --pf-v5-global--FontFamily--text: Marianne, Arial, sans-serif;
  --pf-v5-global--FontFamily--heading: Marianne, Arial, sans-serif;
  --pf-v5-global--primary-color--100: #000091;
  --pf-v5-global--primary-color--200: #1212ff;
  --pf-v5-global--link--Color: #000091;
  --keycloak-card-top-color: #000091;
}
.login-pf body { margin: 0; min-height: 100dvh; height: auto; color: #3a3a3a; background: #f6f6f6; font-family: Marianne, Arial, sans-serif; }
.pf-v5-c-login { display: flex; justify-content: center; align-items: flex-start; padding: 2rem 1rem; }
.pf-v5-c-login__container { display: block; width: 100%; max-width: 36rem; margin-inline: auto; grid-template-columns: minmax(0,1fr); }
.pf-v5-c-login__container>#kc-header, .pf-v5-c-login__container>.pf-v5-c-login__main { width: 100%; max-width: none; margin-inline: 0; }
.pf-v5-c-login__main { color: #3a3a3a; background: #fff; border: 1px solid #ddd; border-radius: 0; box-shadow: none; }
.pf-v5-c-login__main-header { display: flex; flex-wrap: wrap; gap: 1rem; border-top: 4px solid #000091; }
.pf-v5-c-login__main-header-utilities { flex-basis: 100%; margin: 0; }
.pf-v5-c-login__main-header-utilities select { min-width: 10rem; }
#kc-header { display: none; color: #161616; text-align: left; }
#kc-page-title { width: 100%; margin-inline: 0; text-align: center; }
#kc-header-wrapper { padding: 1.5rem 0; color: #161616; font-family: Marianne, Arial, sans-serif; font-size: 1.5rem; font-weight: 700; letter-spacing: normal; }
#kc-header-wrapper.pf-v5-c-brand { color: #161616 !important; text-transform: none; }
#kc-header-wrapper::before { content: ''; display: block; width: 10rem; height: 4.75rem; margin-bottom: 1rem; background: url('/assets/lexmachine-entete-sans-devise.svg') center / contain no-repeat; }
.pf-v5-c-title, .pf-v5-c-form__label { color: #161616; font-family: Marianne, Arial, sans-serif; }
.pf-v5-c-form-control { border: 0; border-radius: .25rem .25rem 0 0; background: #eee; box-shadow: inset 0 -2px 0 #3a3a3a; }
.pf-v5-c-form-control::before, .pf-v5-c-form-control::after { border: 0; }
.pf-v5-c-form-control>input, .pf-v5-c-form-control>select { min-height: 2.5rem; padding: .5rem 1rem; background: transparent; color: #3a3a3a; font-family: Marianne, Arial, sans-serif; }
.pf-v5-c-button { min-height: 2.5rem; border-radius: 0; font-family: Marianne, Arial, sans-serif; }
.pf-v5-c-button::after { border-radius: 0; }
.pf-v5-c-button.pf-m-primary { padding: .5rem 1rem; color: #fff; background: #000091; }
.pf-v5-c-button.pf-m-primary:hover { background: #1212ff; }
.pf-v5-c-button.pf-m-secondary { color: #000091; background: transparent; box-shadow: inset 0 0 0 1px #000091; }
.pf-v5-c-login a { color: #000091; }
.pf-v5-c-login :focus-visible { outline: 2px solid #0a76f6; outline-offset: 2px; }
.pf-v5-c-alert { border-radius: 0; }
@media (max-width: 36em) {
  .pf-v5-c-login { padding: 1rem .75rem; }
  .pf-v5-c-login__main-header, .pf-v5-c-login__main-body { padding-inline: 1rem; }
  #kc-header-wrapper { padding: 1rem 0; font-size: 1.25rem; }
}