/* =========================================
   REGISTER.CSS — maquette “login-like”
   ========================================= */

/* Base & reset */
html, body.lp-register-blank { height: 100%; }
body.lp-register-blank, body.lp-register-blank * { box-sizing: border-box; }
body.lp-register-blank {
  margin:0 !important;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}
body.lp-register-blank #wpadminbar{ display:none; }



/* Masque header/footer éventuels */
body.lp-register-blank header,
body.lp-register-blank .site-header,
body.lp-register-blank .elementor-location-header,
body.lp-register-blank footer,
body.lp-register-blank .site-footer,
body.lp-register-blank .elementor-location-footer{
  display:none !important;
}

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

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

/* Le bloc orange reprend exactement dashboard.css */
.lp-register-left .dashboard-lemon-v7,
.lp-register-left .dashboard-lemon-v7 .zone.left{
  width:100%;
  height:100%;
  min-height:100vh;
  margin:0;
  border:0;
  box-shadow:none;
}
.lp-register-left .dashboard-lemon-v7 .zone.left{
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  padding:32px; /* identique dashboard */
}

/* Colonne droite */
.lp-register-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;
}

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

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

/* Centrage titre + lien login */
.lp-register-right h2,
.lp-login-link{
  text-align:center;
}

/* ========== Ultimate Member : styles maquette ========== */
body.lp-register-blank .um{ max-width:100%; }

/* Labels visibles (pour accessibilité / cohérence) */
body.lp-register-blank .um-form .um-field-label{
  display:block !important;
}

/* Inputs soulignés */
body.lp-register-blank .um-form input[type="text"],
body.lp-register-blank .um-form input[type="email"],
body.lp-register-blank .um-form input[type="password"],
body.lp-register-blank .um-form input[type="tel"],
body.lp-register-blank .um-form .um-input,
body.lp-register-blank .um-form textarea,
body.lp-register-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-register-blank .um-form input:focus,
body.lp-register-blank .um-form select:focus,
body.lp-register-blank .um-form textarea:focus{
  border-bottom-color:#000 !important;
  box-shadow:none !important;
}

/* Bouton “voir” */
.lp-showpwd{
  position:absolute;
  right: 6px;
  bottom: 10px;
  background: none;
  border: 0;
  color:#555;
  cursor:pointer;
  font-size:.95rem;
}
.lp-showpwd:hover{ text-decoration: underline; }

/* Boutons */
body.lp-register-blank .um .um-form .um-button,
body.lp-register-blank .um input[type="submit"].um-button{
  background:#FFD600 !important; /* JAUNE créa */
  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-register-blank .um .um-form .um-button::after{
  content:"→";
  display:inline-block;
  transform: translateY(-1px);
}
body.lp-register-blank .um .um-form .um-button:hover{
  background:#FFC400 !important;
  transform: translateY(-1px);
}
body.lp-register-blank .um .um-form .um-button:active{
  transform: translateY(0);
}

/* Si UM affiche un second bouton (ex. “Login”), on le grise + on le cache */
body.lp-register-blank .um .um-form .um-button.um-alt,
body.lp-register-blank .um .um .um-button.um-alt{
  background:#EDEDED !important;
  color:#222 !important;
  display: none !important;
}

/* Petites aides/erreurs UM */
body.lp-register-blank .um .um-field-error { color:#B00020 !important; }
body.lp-register-blank .um .um-notice { border-radius:12px !important; }

/* Lien vers login */
.lp-login-link{
  margin-top: 1rem;
  font-size:.95rem;
  color:#333;
}
.lp-login-link a{
  font-weight:700;
  color:#000;
  text-decoration:none;
}
.lp-login-link a:hover{
  text-decoration:underline;
}

/* Nettoyage grilles UM */
body.lp-register-blank .um .um-row,
body.lp-register-blank .um .um-col{
  padding:0 !important;
  margin:0 !important;
}
body.lp-register-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-register-container{
    flex-direction: column;
    min-height: 100svh;
  }

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

  /* 🔧 Fix bloc blanc : on enlève le 100vh du bloc orange */
  .lp-register-left .dashboard-lemon-v7{
    height:auto;
    min-height:0;
  }

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

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

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