/* =========================================
   FORGOT.CSS — même design que Login/Register
   ========================================= */

html,
body.lp-forgot-blank {
  height: 100%;
}

body.lp-forgot-blank,
body.lp-forgot-blank * {
  box-sizing: border-box;
}

body.lp-forgot-blank {
  margin: 0 !important;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  /* Même couleur que la colonne droite pour éviter tout "blanc" visible */
  background: #FFFDEB;
}

body.lp-forgot-blank #wpadminbar {
  display: none;
}

/* Masquer header/footer du thème */
body.lp-forgot-blank header,
body.lp-forgot-blank .site-header,
body.lp-forgot-blank .elementor-location-header,
body.lp-forgot-blank footer,
body.lp-forgot-blank .site-footer,
body.lp-forgot-blank .elementor-location-footer {
  display: none !important;
}

/* ===== Layout 33 / 66 ===== */
.lp-forgot-container {
  display: flex;
  min-height: 100vh;
  width: 100%;
  margin: 0;
  padding: 0;
  align-items: stretch;
}

.lp-forgot-left {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
  position: relative;
  padding: 0;
  display: flex;
  align-items: stretch;
  justify-content: stretch;
  background: transparent;
}

/* Bloc orange = dashboard.css */
.lp-forgot-left .dashboard-lemon-v7,
.lp-forgot-left .dashboard-lemon-v7 .zone.left {
  width: 100%;
  height: 100%;
  min-height: 100vh;
  margin: 0;
  border: 0;
  box-shadow: none;
}

.lp-forgot-left .dashboard-lemon-v7 .zone.left {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 32px;
}

/* Colonne droite */
.lp-forgot-right {
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
  background: #FFFDEB;
  padding: 0 clamp(28px, 4vw, 56px);
  display: grid;
  place-items: center;
  min-height: 100vh;
}

.lp-right-inner {
  width: min(620px, 90%);
  margin: 0 auto;
}

.lp-forgot-right h2 {
  font-size: clamp(24px, 3.2vw, 36px);
  margin: 0 0 28px;
  color: #2D2D2D;
}

/* Centrage titre + liens */
.lp-forgot-right h2,
.lp-auth-links {
  text-align: center;
}

/* ===== Ultimate Member — inputs soulignés ===== */
body.lp-forgot-blank .um {
  max-width: 100%;
}

/* Labels visibles pour éviter toute ambiguïté */
body.lp-forgot-blank .um-form .um-field-label {
  display: block !important;
  font-size: .9rem;
  color: #4a4a4a;
  margin: .25rem 0 .25rem !important;
}

/* Inputs & selects */
body.lp-forgot-blank .um-form input[type="text"],
body.lp-forgot-blank .um-form input[type="email"],
body.lp-forgot-blank .um-form .um-input,
body.lp-forgot-blank .um-form select {
  background: transparent !important;
  border: none !important;
  border-bottom: 2px solid #000 !important;
  border-radius: 0 !important;
  outline: none !important;
  width: 100% !important;
  padding: .75rem .25rem .6rem !important;
  font-size: 1rem !important;
  color: #222 !important;
  box-shadow: none !important;
  margin-bottom: 1.2rem !important;
}

body.lp-forgot-blank .um-form input:focus,
body.lp-forgot-blank .um-form select:focus {
  border-bottom-color: #000 !important;
  box-shadow: none !important;
}

body.lp-forgot-blank ::placeholder {
  color: #8a8a8a;
  opacity: 1;
}

/* Bouton principal */
body.lp-forgot-blank .um .um-form .um-button,
body.lp-forgot-blank .um input[type="submit"].um-button {
  background: #FFD600 !important;
  color: #000 !important;
  border: none !important;
  border-radius: 999px !important;
  padding: .9rem 1.6rem !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  cursor: pointer !important;
  transition: transform .06s ease, background .2s !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: .6rem !important;
}

body.lp-forgot-blank .um .um-form .um-button::after {
  content: "→";
  display: inline-block;
  transform: translateY(-1px);
}

body.lp-forgot-blank .um .um-form .um-button:hover {
  background: #FFC400 !important;
  transform: translateY(-1px);
}

body.lp-forgot-blank .um .um-form .um-button:active {
  transform: translateY(0);
}

/* Centrer le bouton de submit */
body.lp-forgot-blank .um-form .um-field-type_submit .um-field-area {
  text-align: center !important;
}

/* Petites notices/erreurs UM */
body.lp-forgot-blank .um .um-notice {
  border-radius: 12px !important;
}

body.lp-forgot-blank .um .um-field-error {
  color: #B00020 !important;
}

/* Liens utiles */
.lp-auth-links {
  margin-top: 1rem;
  font-size: .95rem;
  color: #333;
}

.lp-auth-links a {
  font-weight: 700;
  color: #000;
  text-decoration: none;
}

.lp-auth-links a:hover {
  text-decoration: underline;
}

/* Nettoyage grilles UM */
body.lp-forgot-blank .um .um-row,
body.lp-forgot-blank .um .um-col {
  padding: 0 !important;
  margin: 0 !important;
}

body.lp-forgot-blank .um .um-field-area {
  margin-bottom: 1.1rem !important;
}

/* Hover génériques */
[type=button]:focus,
[type=button]:hover,
[type=submit]:focus,
[type=submit]:hover,
button:focus,
button:hover {
  background-color: #FFC400;
}

/* ===== Responsive ===== */
@media (max-width: 980px) {
  .lp-forgot-container {
    flex-direction: column;
    /* on laisse la hauteur s’adapter au contenu,
       le fond global est déjà #FFFDEB via body */
    min-height: auto;
    height: auto;
  }

  .lp-forgot-left,
  .lp-forgot-right {
    flex: 0 0 auto;
    max-width: 100%;
  }

  /* On supprime le 100vh du bloc orange */
  .lp-forgot-left .dashboard-lemon-v7 {
    height: auto;
    min-height: 0;
  }

  .lp-forgot-left .dashboard-lemon-v7 .zone.left {
    min-height: auto;
    padding: clamp(24px, 5vw, 32px);
  }

  .lp-forgot-right {
    padding: clamp(20px, 4vw, 32px);
    place-items: center;
    min-height: auto;
    height: auto;
  }

  .lp-right-inner {
    width: 100%;
  }
}