/* ============================================================
   AUTH BASE LAYOUT — PREMIUM SOGENTIS 2025
   Compatible login/signup/password reset
   ============================================================ */

/* ------------------------ */
/* BACKGROUND IMAGE         */
/* ------------------------ */

.auth-bg {
  position: fixed;
  inset: 0;
  z-index: -3;
  background-image: var(--auth-bg-image);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;

  /* effet réaliste */
  filter: grayscale(18%) brightness(0.88);
  transform: scale(1.02);
}


/* ------------------------ */
/* OVERLAY (contraste card) */
/* ------------------------ */

.auth-overlay {
  position: fixed;
  inset: 0;
  z-index: -2;

  /* dégradé subtil et esthétique */
  background: radial-gradient(
      circle at center,
      rgba(0, 0, 0, 0.12),
      rgba(0, 0, 0, 0.45)
  );

  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}


/* ------------------------ */
/* AUTH SHELL (centre tout) */
/* ------------------------ */

.auth-shell {
  position: relative;
  min-height: 100svh;
  width: 100%;
  display: grid;
  place-items: center;
  padding: 2rem 1rem;
  z-index: 20;
}


/* ------------------------ */
/* CARD WRAPPER (centrage)  */
/* ------------------------ */

.auth-wrapper {
  width: 100%;
  max-width: 520px;
  margin: 0 auto;
}


/* ------------------------ */
/* AUTH CARD                */
/* ------------------------ */

.auth-card {
  width: 100%;
  border: 0;
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.96);

  box-shadow: 0 18px 55px rgba(0, 0, 0, 0.22);

  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}


/* ------------------------ */
/* LOGO                     */
/* ------------------------ */

.auth-brand img {
  height: 54px;
}

@media (max-width: 480px) {
  .auth-brand img {
    height: 44px;
  }
}


/* ------------------------ */
/* LANGUAGE SELECTOR        */
/* ------------------------ */

.auth-lang-switch select {
  min-width: 105px;
  width: auto;
  padding: 0.35rem 0.55rem;
  border-radius: 0.5rem;
  font-size: 0.9rem;
}


/* ------------------------ */
/* DARK MODE (optionnel)    */
/* ------------------------ */

body.dark-mode .auth-card {
  background: rgba(20, 22, 25, 0.92);
  color: #eaecef;
  box-shadow: 0 18px 55px rgba(0, 0, 0, 0.55);
}

body.dark-mode .auth-bg {
  filter: grayscale(35%) brightness(0.55);
}

body.dark-mode .auth-overlay {
  background: radial-gradient(
      circle at center,
      rgba(0, 0, 0, 0.25),
      rgba(0, 0, 0, 0.75)
  );
}