/* === Kaweuz Custom Styles — Variante claire finale === */

/* Conteneur global */
.mx_AuthPage,
.mx_AuthPage_modal,
.mx_Parent {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  height: auto !important;        /* ne pas forcer la hauteur */
  min-height: 100vh !important;   /* juste assez pour centrer verticalement */
  margin: auto !important;
  background: url("img/fondkaweuz.png") no-repeat center center fixed !important;
  background-size: cover !important;
}

/* Supprimer l’overlay flou */
.mx_AuthPage_modalBlur {
  display: none !important;
}

/* Neutraliser le rectangle vertical de fond */
.mx_AuthPage_modalContent {
  display: block !important;      /* ne pas s'étirer en flex */
  height: auto !important;
  max-height: none !important;
  flex: none !important;
  margin: auto !important;
  padding: 0 !important;          /* laisser .mx_Box gérer ses marges */
  background: none !important;    /* supprimer le fond semi-transparent */
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Bloc de connexion centré */
.mx_Box,
.mx_AuthPage_box {
  max-width: 420px !important;
  width: 90% !important;
  height: auto !important;
  flex: none !important;
  margin: auto !important;
  padding: 30px !important;
  border-radius: 12px !important;
  background: rgba(255,255,255,0.9) !important; /* fond blanc semi-transparent */
  box-shadow: 0 6px 24px rgba(0,0,0,0.2) !important;
  text-align: center !important;
  z-index: 1 !important;
}

/* Corriger le body qui pouvait forcer la hauteur */
.mx_WelcomePage_body {
  height: auto !important;
}

/* Logo Kaweuz */
.mx_AuthPage_logo,
.mx_Logo {
  max-height: 100px !important;
  margin-bottom: 20px !important;
}

/* Titres */
.mx_AuthPage h1, .mx_AuthPage h2,
.mx_Header_title {
  color: #ff6600 !important;
  font-weight: 700 !important;
}

.mx_AuthPage h3, .mx_AuthPage h4,
.mx_Header_subtitle {
  color: #333 !important;
}

/* Boutons */
.mx_Login_submit,
.mx_ButtonSignIn {
  background-color: #368bd6 !important;
  color: #fff !important;
  border-radius: 6px !important;
  padding: 12px 24px !important;
  font-weight: 600 !important;
}

.mx_Login_create,
.mx_ButtonCreateAccount {
  background-color: #0dbd8b !important;
  color: #fff !important;
  border-radius: 6px !important;
  padding: 12px 24px !important;
  font-weight: 600 !important;
}

.mx_Login_secondary,
.mx_SecondaryButton {
  background-color: #fff !important;
  color: #2e2f32 !important;
  border-radius: 6px !important;
  padding: 12px 24px !important;
  font-weight: 600 !important;
}