/* ==========================================================================
   Mon Compte (non connecté) – Connexion seule (avec lien créer un compte)
   ========================================================================== */
:root{
  --auth-max: 560px;
  --auth-pad: clamp(18px, 2vw, 28px);
  --auth-radius: 16px;
  --auth-border: 1px solid rgba(0,0,0,.08);
  --auth-muted: rgba(0,0,0,.65);
  --auth-bg: #f6f6f6;
  --auth-card: #fff;
}

body.woocommerce-account{ background: var(--auth-bg); }
.mc-auth-wrap{ max-width: var(--auth-max); margin: clamp(40px,4vw,80px) auto; padding: 0 20px; }

/* Header */
.mc-auth-header{
  display:flex; flex-direction:column; align-items:flex-start;
  padding-bottom:14px; border-bottom:1px solid #000; margin-bottom: 18px;
}
.mc-auth-title{ margin:0; font-size: clamp(28px, 3.8vw, 40px); font-weight: 600; letter-spacing:.01em; }
.mc-auth-subtitle{ margin:6px 0 0; color: var(--auth-muted); }

/* Carte login */
.mc-auth-card{
  background: var(--auth-card);
  border: var(--auth-border);
  border-radius: var(--auth-radius);
  box-shadow: 0 12px 30px rgba(0,0,0,.05);
padding: 10%;
    padding-top: 30px;
    padding-bottom: 30px;
}

/* Formulaires */
.woocommerce-form .form-row{ display:grid; gap:8px; margin-bottom: 14px; }
.woocommerce-form label{
  font-size: 12px; letter-spacing:.06em; text-transform: uppercase; color: var(--auth-muted);
}
.woocommerce-form input[type="text"],
.woocommerce-form input[type="email"],
.woocommerce-form input[type="password"]{
  width:100%; padding:12px 14px; border-radius:12px; border: var(--auth-border); background:#fff;
}

/* Actions */
.mc-actions{ display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }

/* Boutons (style Elementor) */
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button{
  background-color:#FFFFFFFA;
  font-family:var(--e-global-typography-accent-font-family,inherit),Sans-serif;
  font-size:var(--e-global-typography-accent-font-size,14px);
  font-weight:var(--e-global-typography-accent-font-weight,600);
  text-transform:var(--e-global-typography-accent-text-transform,uppercase);
  line-height:var(--e-global-typography-accent-line-height,1.2);
  letter-spacing:var(--e-global-typography-accent-letter-spacing,.08em);
  color:#000; border:1px solid #FFFFFF00; border-radius:0; padding:20px 40px; transition:filter .2s ease;
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{ filter:brightness(.97); }

/* Lien oublié + CTA */
.lost_password{ margin-top: 8px; }
.lost_password a{ text-decoration: underline; text-underline-offset: 3px; }

.mc-auth-cta{
  margin-top: 20px;
  text-align: center;
  font-size: 14px;
  color: var(--auth-muted);
}
.mc-auth-cta__btn{
  color: #000;
  text-decoration: underline;
  text-underline-offset: 3px;
  margin-left: 5px;
  font-weight: 600;
}
.mc-auth-cta__btn:hover{ opacity: .8; }