/* T-Lab — habillage connexion / inscription (charte rouge #E11B22, Inter).
   Cible : page « Mon compte » (.woocommerce-account) + dropdown header (.wd-dropdown-register).
   Sélecteurs scopés aux formulaires login/register → aucun impact sur le checkout, etc. */
:root{
  --tla-red:#E11B22; --tla-red-deep:#B3161B; --tla-ink:#171A20; --tla-muted:#5C5E62;
  --tla-line:#D9DBDE; --tla-paper:#FFFFFF; --tla-surface:#F5F5F6;
  --tla-font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}

/* ============================ Formulaires (page + dropdown) ============================ */
.woocommerce-form-login,
.woocommerce-form-register{
  font-family:var(--tla-font);
}

/* Lignes + labels */
.woocommerce-form-login .form-row,
.woocommerce-form-register .form-row,
.woocommerce-form-login .woocommerce-FormRow,
.woocommerce-form-register .woocommerce-FormRow{
  margin:0 0 15px; padding:0;
}
.woocommerce-form-login label,
.woocommerce-form-register label{
  display:block; font-size:12.5px; font-weight:600; color:var(--tla-ink);
  margin:0 0 6px; text-transform:none; letter-spacing:0;
}
.woocommerce-form-login label .required,
.woocommerce-form-register label .required{ color:var(--tla-red); border:0; }

/* Champs */
.woocommerce-form-login input.input-text,
.woocommerce-form-register input.input-text,
.woocommerce-form-login input[type="text"],
.woocommerce-form-login input[type="email"],
.woocommerce-form-login input[type="password"],
.woocommerce-form-register input[type="text"],
.woocommerce-form-register input[type="email"],
.woocommerce-form-register input[type="password"]{
  width:100%; height:46px; padding:0 14px; box-sizing:border-box;
  border:1.5px solid var(--tla-line); border-radius:9px; background:var(--tla-paper);
  color:var(--tla-ink); font-family:var(--tla-font); font-size:15px; line-height:1.2;
  box-shadow:none; transition:border-color .15s, box-shadow .15s;
}
.woocommerce-form-login input.input-text:focus,
.woocommerce-form-register input.input-text:focus,
.woocommerce-form-login input:focus,
.woocommerce-form-register input:focus{
  outline:0; border-color:var(--tla-red); box-shadow:0 0 0 3px rgba(225,27,34,.13);
}

/* Bouton principal (Se connecter / Créer mon compte) — force le rouge charte sur .btn-accent WoodMart */
.woocommerce-form-login__submit,
.woocommerce-form-register__submit,
.woocommerce-form-login button[name="login"],
.woocommerce-form-register button[name="register"]{
  display:block; width:100%; height:50px; margin-top:4px; padding:0 20px; box-sizing:border-box;
  border:0 !important; border-radius:9px !important;
  background:var(--tla-red) !important; color:#fff !important;
  font-family:var(--tla-font); font-size:15px; font-weight:600; letter-spacing:.01em;
  text-transform:none; cursor:pointer; box-shadow:none !important; transition:background .15s;
}
.woocommerce-form-login__submit:hover,
.woocommerce-form-register__submit:hover,
.woocommerce-form-login button[name="login"]:hover,
.woocommerce-form-register button[name="register"]:hover{
  background:var(--tla-red-deep) !important;
}

/* Pied de formulaire : « Mot de passe oublié ? » + « Se souvenir de moi » */
.login-form-footer{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  margin-top:14px; flex-wrap:wrap;
}
.woocommerce-form-login .lost_password,
.woocommerce-form-login .lost_password a,
.woocommerce a.lost_password{
  color:var(--tla-red); font-size:13px; text-decoration:none; font-weight:500; margin:0;
}
.woocommerce-form-login .lost_password a:hover{ text-decoration:underline; }
.woocommerce-form-login__rememberme{
  display:inline-flex; align-items:center; gap:8px; color:var(--tla-muted);
  font-size:13px; font-weight:400; margin:0;
}
.woocommerce-form-login__rememberme input{ width:16px; height:16px; margin:0; accent-color:var(--tla-red); }

/* Lien « Créer un compte » (dropdown + page) */
.create-account-link,
.woocommerce-account .woocommerce-form-register__submit + p a,
a[href*="action=register"]{
  color:var(--tla-red); font-weight:600; text-decoration:none;
}
.create-account-link:hover{ text-decoration:underline; }

/* Séparateur « Ou continuer avec » */
.wd-login-divider{
  display:flex; align-items:center; gap:12px; margin:20px 0 14px !important;
  color:var(--tla-muted); font-size:12px; text-transform:none; border:0;
}
.wd-login-divider::before, .wd-login-divider::after{
  content:""; flex:1; height:1px; background:var(--tla-line);
}
.wd-login-divider span{ padding:0; }

/* Login social (Google…) → boutons contour propres, en ligne (row) */
.wd-social-login{ display:flex; flex-direction:row; flex-wrap:wrap; gap:10px; }
.wd-social-login .login-goo-link,
.wd-social-login a.btn{
  display:flex; align-items:center; justify-content:center; gap:8px;
  flex:1 1 0; min-width:0; height:46px; box-sizing:border-box;
  border:1.5px solid var(--tla-line) !important; border-radius:9px !important;
  background:var(--tla-paper) !important; color:var(--tla-ink) !important;
  font-family:var(--tla-font); font-size:14px; font-weight:600; text-transform:none;
  box-shadow:none !important;
}
.wd-social-login .login-goo-link:hover,
.wd-social-login a.btn:hover{ border-color:var(--tla-ink) !important; }

/* ============================ Dropdown header ============================ */
/* On passe le dropdown en thème clair (charte) même si la classe color-scheme-dark est présente. */
.wd-dropdown-register.color-scheme-dark,
.wd-dropdown-register{
  background:var(--tla-paper) !important; color:var(--tla-ink) !important;
  border-radius:14px !important; border:1px solid var(--tla-line) !important;
  box-shadow:0 18px 44px rgba(0,0,0,.16) !important;
}
.wd-dropdown-register .login-dropdown-inner{ padding:22px 22px 20px; }
.wd-dropdown-register .wd-heading{
  display:flex; align-items:baseline; justify-content:space-between; gap:10px; margin-bottom:16px;
}
.wd-dropdown-register .wd-heading .title{
  font-family:var(--tla-font); font-size:18px; font-weight:700; color:var(--tla-ink); margin:0;
}
.wd-dropdown-register,
.wd-dropdown-register a:not(.login-goo-link):not(.button):not(.btn),
.wd-dropdown-register label,
.wd-dropdown-register span{ color:var(--tla-ink); }
.wd-dropdown-register .create-account-link{ color:var(--tla-red) !important; }
.wd-dropdown-register .woocommerce-form-login__rememberme{ color:var(--tla-muted); }

/* ==================== Page « Mon compte » : split-screen + onglets ==================== */
.woocommerce-account .woocommerce{ font-family:var(--tla-font); }

/* Carte split-screen — activée par account.js (classe .tlb-ready). Sans JS : formulaire WooCommerce
   par défaut, fonctionnel (repli sûr). */
#customer_login.tlb-ready{
  display:grid; grid-template-columns:5fr 6fr; align-items:stretch;
  max-width:940px; margin:26px auto; background:var(--tla-paper);
  border-radius:16px; overflow:hidden; box-shadow:0 24px 64px rgba(0,0,0,.16);
}

/* Panneau marque (gauche) */
.tlb-auth-brand{ background:var(--tla-ink); color:#fff; padding:42px 36px 34px; position:relative;
  display:flex; flex-direction:column; gap:22px; }
.tlb-auth-brand::after{ content:""; position:absolute; left:0; right:0; bottom:0; height:4px; background:var(--tla-red); }
.tlb-auth-brand .tlb-h{ margin:0; font-size:24px; font-weight:700; line-height:1.18; color:#fff; letter-spacing:-.01em; }
.tlb-auth-brand .tlb-sub{ margin:-6px 0 0; color:#b7bac0; font-size:14px; line-height:1.55; }
.tlb-auth-brand .tlb-props{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:12px; }
.tlb-auth-brand .tlb-props li{ position:relative; padding-left:31px; font-size:14px; color:#e8e9eb; line-height:1.35; }
.tlb-auth-brand .tlb-props li::before{ content:"\2713"; position:absolute; left:0; top:-1px; width:22px; height:22px;
  border-radius:50%; background:rgba(225,27,34,.18); color:#ff6a6f; font-size:12px; font-weight:700;
  display:flex; align-items:center; justify-content:center; }
.tlb-auth-brand .tlb-brand-foot{ margin-top:auto; font-size:12px; color:#7e8188; letter-spacing:.03em; }

/* Colonne droite : onglets + formulaires */
.tlb-formwrap{ padding:38px 38px 32px; min-width:0; }
.tlb-tabs{ display:flex; gap:4px; background:var(--tla-surface); border-radius:11px; padding:4px; margin-bottom:24px; }
.tlb-tab{ flex:1; padding:10px; border:0 !important; background:transparent; font-family:var(--tla-font); font-size:14px;
  font-weight:600; color:var(--tla-muted); border-radius:8px !important; cursor:pointer; } /* !important : WoodMart carre les <button> */
.tlb-tab.on{ background:var(--tla-paper); color:var(--tla-ink); box-shadow:0 1px 3px rgba(0,0,0,.10); border-radius:8px !important; }
.tlb-tab:focus-visible{ outline:2px solid var(--tla-red); outline-offset:2px; }

.tlb-formwrap .col-login,
.tlb-formwrap .col-register{ width:auto !important; float:none !important; margin:0 !important; padding:0 !important;
  display:none !important; } /* les deux cachés par défaut ; l'actif est ré-affiché ci-dessous (bat WoodMart) */
.tlb-formwrap.show-login .col-login{ display:block !important; }
.tlb-formwrap.show-reg .col-register{ display:block !important; }
/* Les onglets tiennent lieu de titres → on masque les titres WoodMart */
.tlb-formwrap .wd-login-title,
.tlb-formwrap .wd-register-title{ display:none; }

/* Prénom / Nom côte à côte à l'inscription (flex robuste — insensible au blanc entre balises) */
.tlb-name-row{ display:flex; gap:14px; }
.tlb-name-row > .form-row{ flex:1 1 0; min-width:0; margin:0 0 15px; }

/* Honeypot anti-spam : maintenu hors écran (défense-en-profondeur — le thème le masque déjà). */
.woocommerce-form-register #trap,
.woocommerce-form-register label[for="trap"],
.woocommerce-form-register [name="email_2"]{
  position:absolute !important; left:-9999px !important; width:1px !important; height:1px !important; overflow:hidden !important;
}

/* Titres génériques (repli sans JS) */
.woocommerce-account .u-column1 > h2,
.woocommerce-account .u-column2 > h2{ font-family:var(--tla-font); font-weight:700; color:var(--tla-ink); }

@media (max-width:768px){
  #customer_login.tlb-ready{ grid-template-columns:1fr; max-width:460px; }
  .tlb-auth-brand{ padding:26px 26px 22px; gap:14px; }
  .tlb-auth-brand .tlb-props,
  .tlb-auth-brand .tlb-brand-foot{ display:none; }
  .tlb-formwrap{ padding:26px 22px 24px; }
  .tlb-name-row{ flex-direction:column; gap:0; }
}