:root {
  --pf-v5-global--primary-color--100:#0086c9;
  --pf-v5-global--primary-color--200:#00aae9;
  --pf-v5-global--primary-color--300:#337ab7;
  --pf-v5-global--warning-color--100:#f2ba44;
  --pf-v5-global--warning-color--200:#f2ba44;
  --pf-v5-global--danger-color--100:#f2ba44;
  --pf-v5-global--danger-color--200:#f2ba44;

/*  --pf-v5-global--spacer--form-element:0.3rem;
  --pf-v5-global--spacer--xs:0.01rem;
  --pf-v5-global--spacer--sm:0.01rem;
  --pf-v5-global--spacer--md:0.01rem;
  --pf-v5-global--spacer--lg:0.01rem;
  --pf-v5-global--spacer--xl:0.01rem;*/

/*  --pf-v5-global--gutter:.5rem;*/
  --pf-v5-global--gutter--md:.5rem;

  --pf-v5-c-form__label-text--FontWeight: 400;
  --pf-v5-c-form__label--FontSize: 14px;
/*  --pf-v5-global--link--Color: rgb(17, 37, 56);*/
  --pf-v5-global--link--Color: var(--pf-v5-global--primary-color--300);
/*  --pf-v5-global--link--Color--hover: #556a7e;*/
  --pf-v5-global--link--Color--hover: white;

  --pf-v5-c-title--m-3xl--FontWeight: var(--pf-v5-global--FontWeight--bold) !important;
  --pf-v5-global--FontFamily--heading: "Myriad Pro", Helvetica, Arial, sans-serif;
  --pf-v5-global--FontFamily--text:"Myriad Pro", Helvetica, Arial, sans-serif;
  
  --border-radius:6px;
  --pf-v5-global--BorderWidth--sm:0px;
  --pf-v5-c-form-control--focus--after--BorderBottomWidth:5px;
  
  --pf-v5-c-alert--m-inline--BackgroundColor:transparent !important;
  --pf-v5-c-alert--m-inline--m-warning--BackgroundColor:transparent !important;
}

::placeholder {
  /* Most modern browsers support this now. */
  font-size: var(--pf-c-form__label--FontSize);
}

.pf-v5-c-login__container{
  margin-left: 3rem;
  margin-right: auto;
  max-width: 500px; /* tu peux ajuster selon le rendu */
}
.pf-v5-c-login__main{
  background-color: transparent;
  box-shadow: none;
}

.pf-v5-c-login__main-header{
  text-align: center;
}

.pf-v5-c-button.pf-v5-m-primary {
  color: var(--pf-c-button--m-primary--Color);
  background-color: var(--pf-global--palette--black-900);
}

.btn-lg {
  padding: 8px 10px;
}

.login-pf-settings{
  display: flex;
  justify-content: space-between;
}

.login-page-container {
  display: flex;
  /* justify-content: center; */
  /* flex-direction: row-reverse; */
  align-items: center;
  min-height: 100vh;
}

.login-pf-page {
  width: 33vw;
  /* display: flex; */
  align-items: center;
  justify-content: center;
  background: white;
  min-height: 100vh;
}

.login-pf-page .card-pf {
  margin-top: 10rem;
  box-shadow: none;
}


.card-pf,
.pf-v5-c-form-control,
.pf-v5-c-button {
  clip-path: inset(0 0 0 0 round var(--border-radius));
}

.kc-social-links {
  flex-direction: column;
}

.pf-v5-c-button {
  font-weight: 600;
}

.pf-v5-c-form-control {
  border-color: var(--pf-global--BorderColor--300);
}
.pf-v5-c-form-control > :is(input, select, textarea, button):focus{
  border: none;
  outline: none;
  box-shadow: none;
}
.pf-v5-c-form__label {
  padding-bottom: 8px;
}

.login-pf-page .card-pf {
  background-color: #fff;
}

.pf-v5-c-alert {
  --pf-v5-c-alert--m-inline--BackgroundColor: transparent !important;
}

.pf-v5-c-alert.pf-m-warning {
  --pf-v5-c-alert--BorderTopColor: var(--pf-v5-c-alert--m-warning--BorderTopColor);
  --pf-v5-c-alert__icon--Color: var(--pf-v5-c-alert--m-warning__icon--Color);
  --pf-v5-c-alert__title--Color: var(--pf-v5-c-alert--m-warning__title--Color);
  --pf-v5-c-alert--m-inline--BackgroundColor: transparent;
}