/* ---- Page vierge ---- */
body.lp-login-blank, body.lp-login-blank * { box-sizing: border-box; }
body.lp-login-blank { margin:0 !important; }
body.lp-login-blank #wpadminbar{ display:none; }

/* Sécurité : si un header/footer s’incruste, on le masque */
body.lp-login-blank header,
body.lp-login-blank .site-header,
body.lp-login-blank .elementor-location-header,
body.lp-login-blank footer,
body.lp-login-blank .site-footer,
body.lp-login-blank .elementor-location-footer{ display:none !important; }

/* ---- Layout 30/70 ---- */
.lp-login-container{
  display:flex; min-height:100dvh;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}
.lp-login-left{
  flex: 0 0 30%;
  position:relative; color:#fff;
  background: linear-gradient(180deg,#FF7A00 0%, #FFD600 100%);
  padding: clamp(28px,4vw,40px);
  display:flex; align-items:flex-start; justify-content:flex-start;
}
.lp-login-right{
  flex: 0 0 70%;
  background:#FFFDEB;
  padding: clamp(28px,4vw,56px);
  display:flex; flex-direction:column;
  /* Centre verticalement le contenu */
  justify-content:center; 
  /* laisse le contenu aligné à gauche */
  align-items:flex-start;
}

/* ---- Contenus ---- */
.lp-left-inner{ max-width: 32rem; margin-top: clamp(12px, 4vh, 48px);  margin-top: 60px !important;}
.lp-login-left h1{ font-size: clamp(32px,4.6vw,56px); line-height:1.05; margin:0 0 12px; }
.lp-login-left p{ font-size: clamp(14px,2vw,20px); margin:0; opacity:.95; }

.lp-right-inner{ width: min(620px, 90%); margin-left: 200px;}
.lp-login-right h2{ font-size: clamp(24px,3.2vw,36px); margin:0 0 28px; color:#2D2D2D; }

/* Croix en haut à droite du panneau orange */
.lp-close{
  position:absolute; top: clamp(16px, 2.5vw, 28px); right: clamp(16px, 2.5vw, 28px);
  width: clamp(40px, 4vw, 52px); height: clamp(40px, 4vw, 52px);
  display:flex; align-items:center; justify-content:center;
  border-radius: 999px; border:1px solid rgba(255,255,255,.7);
  background: rgba(255,255,255,.12); color:#fff;
  font-size: clamp(20px, 2.2vw, 26px); text-decoration:none;
}
.lp-close:hover{ background: rgba(255,255,255,.22); }

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

/* masque labels */
body.lp-login-blank .um-form .um-field-label{ display:none !important; }

/* inputs : seule bordure basse noire */
body.lp-login-blank .um-form input[type="text"],
body.lp-login-blank .um-form input[type="email"],
body.lp-login-blank .um-form input[type="password"],
body.lp-login-blank .um-form .um-input{
  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-login-blank .um-form input:focus{ border-bottom-color:#000 !important; box-shadow:none !important; }

/* bouton "voir" sur le champ password */
.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; }

/* Lien "Mot de passe oublié ?" aligné à droite sous le MDP (class générique au cas où) */
body.lp-login-blank .um a[href*="password"]{ float:left; margin-top:.25rem; color:#2d2d2d; text-decoration:none; }
body.lp-login-blank .um a[href*="password"]:hover{ text-decoration:underline; }

/* bouton principal jaune arrondi avec flèche */
body.lp-login-blank .um .um-form .um-button,
body.lp-login-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-login-blank .um .um-form .um-button::after{ content:"→"; display:inline-block; transform: translateY(-1px); }
body.lp-login-blank .um .um-form .um-button:hover{ background:#FFC400 !important; transform: translateY(-1px); }
body.lp-login-blank .um .um-form .um-button:active{ transform: translateY(0); }

/* cacher le bouton Register (maquette = un seul CTA) */
body.lp-login-blank .um .um-button.um-alt{ display:none !important; }

/* cacher "Keep me signed in" (non présent sur la maquette) */
body.lp-login-blank .um .um-field.um-field-rememberme{ display:none !important; }

/* phrase d’inscription */
.lp-register{ margin-top: 1rem; font-size:.95rem; color:#333; }
.lp-register a{ font-weight:700; color:#000; }

/* Nettoyage grilles UM */
body.lp-login-blank .um .um-row, 
body.lp-login-blank .um .um-col{ padding:0 !important; margin:0 !important; }
body.lp-login-blank .um .um-field-area{ margin-bottom: 1.1rem !important; }


[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-login-container{ flex-direction: column; }
  .lp-login-left, .lp-login-right{ flex: 0 0 auto; }
  .lp-left-inner, .lp-right-inner{ margin-top: 16px; width: 100%; }
  .lp-close{ right:16px; top:16px; }
  .lp-right-inner{ margin-left: 0px;}
  .lp-left-inner{  margin-top: 0px !important;}
   body.lp-login-blank .um a[href*="password"]{ float:center; }
   
}