/* ══════════════════════════════════════════════════════════════
   Rue Du Jardin — Compte client (connexion + inscription)
   DA « Poster Jardin » : encre #0e1711 · pin #163a28 · lime #c4e83f
   Anton (display) + Inter (texte). Namespace .ev-acc (porté d'ElectroVega).
   ══════════════════════════════════════════════════════════════ */

/* Le thème affiche déjà un H1 « Mon compte » : on le masque quand l'interface
   custom connexion/inscription est visible (visiteur non connecté). */
body.woocommerce-account:not(.logged-in) .entry-header,
body.woocommerce-account:not(.logged-in) h1.entry-title{display:none;}

.ev-acc{
  --ink:#0e1711; --pine:#163a28; --pine2:#1e4a33; --grass:#3f8a4a;
  --lime:#c4e83f; --lime-d:#9dbd28; --paper:#edefe6; --line:#dfe3d8; --muted:#5b6b5e;
  --shadow:0 24px 60px -24px rgba(14,23,17,.32);
  font-family:"Inter",system-ui,-apple-system,sans-serif;
  max-width:1060px; margin:0 auto; padding:44px 20px 72px;
  color:var(--ink); -webkit-font-smoothing:antialiased;
}

/* En-tête */
.ev-acc__head{text-align:center; max-width:560px; margin:0 auto 34px;}
.ev-acc__eyebrow{display:inline-flex; align-items:center; gap:7px;
  font-size:12px; font-weight:700; letter-spacing:.14em; text-transform:uppercase;
  color:var(--grass); background:rgba(63,138,74,.1); padding:7px 14px; border-radius:999px;}
.ev-acc__title{font-family:"Anton",sans-serif; font-weight:400; letter-spacing:.01em;
  text-transform:uppercase; font-size:clamp(28px,4vw,40px); line-height:1; margin:16px 0 10px;}
.ev-acc__sub{font-size:16px; color:var(--muted); line-height:1.55; margin:0;}

/* Bouton « Suivre une commande » dans l'intro (ouvre le popup .pb-track-trigger) */
.ev-acc__track{display:inline-flex; align-items:center; gap:9px; margin:22px auto 0;
  padding:12px 22px; font-size:14px; font-weight:700; color:var(--ink); background:#fff;
  border:1.5px solid var(--line); border-radius:999px; text-decoration:none; cursor:pointer;
  box-shadow:0 8px 18px -10px rgba(14,23,17,.28); transition:border-color .18s, color .18s, transform .12s;}
.ev-acc__track:hover{border-color:var(--grass); color:var(--grass); transform:translateY(-1px);}
.ev-acc__track svg{width:18px; height:18px; color:var(--grass);}

/* Grille 2 colonnes */
.ev-acc__grid{display:grid; grid-template-columns:1.15fr .85fr; gap:24px; align-items:stretch;}
@media(max-width:860px){ .ev-acc__grid{grid-template-columns:1fr;} }

/* ── Carte INSCRIPTION (principale, claire) ── */
.ev-acc__card{position:relative; background:#fff; border:1px solid var(--line);
  border-radius:22px; padding:36px 34px; box-shadow:var(--shadow);}
.ev-acc__card--register::before{content:""; position:absolute; inset:0 0 auto 0; height:4px;
  border-radius:22px 22px 0 0; background:linear-gradient(90deg,var(--grass),var(--lime));}
.ev-acc__card-title{font-family:"Anton",sans-serif; font-weight:400; font-size:24px;
  letter-spacing:.01em; text-transform:uppercase; margin:0 0 4px;}
.ev-acc__card-note{font-size:14px; color:var(--muted); margin:0 0 24px;}

/* Champs */
.ev-acc .ev-row{margin:0 0 16px;}
.ev-acc .ev-two{display:grid; grid-template-columns:1fr 1fr; gap:14px;}
@media(max-width:420px){ .ev-acc .ev-two{grid-template-columns:1fr;} }
.ev-acc label.ev-lab{display:block; font-size:13px; font-weight:600; color:var(--ink);
  margin:0 0 7px; letter-spacing:.01em;}
.ev-acc .ev-lab .req{color:var(--grass); margin-left:2px;}
.ev-acc .ev-field{position:relative;}
.ev-acc input[type=text],
.ev-acc input[type=email],
.ev-acc input[type=password]{
  width:100%; box-sizing:border-box; height:52px; padding:0 16px;
  font-family:"Inter",sans-serif; font-size:15px; color:var(--ink);
  background:var(--paper); border:1.5px solid var(--line); border-radius:13px;
  transition:border-color .18s, background .18s, box-shadow .18s; outline:none;}
.ev-acc input::placeholder{color:#98a39a;}
.ev-acc input:focus{border-color:var(--grass); background:#fff;
  box-shadow:0 0 0 4px rgba(63,138,74,.14);}
.ev-acc .ev-field--pw input{padding-right:50px;}

/* Bouton afficher/masquer */
.ev-acc .ev-eye{position:absolute; top:0; right:0; height:52px; width:48px;
  display:grid; place-items:center; background:none; border:0; cursor:pointer;
  color:var(--muted); transition:color .15s;}
.ev-acc .ev-eye:hover{color:var(--ink);}
.ev-acc .ev-eye svg{width:20px; height:20px;}

/* Jauge de robustesse */
.ev-acc .ev-strength{margin-top:9px; display:none;}
.ev-acc .ev-strength.on{display:block;}
.ev-acc .ev-strength__bar{height:6px; border-radius:99px; background:var(--line); overflow:hidden;}
.ev-acc .ev-strength__fill{height:100%; width:0; border-radius:99px;
  background:#c0392b; transition:width .3s, background .3s;}
.ev-acc .ev-strength__txt{font-size:12px; font-weight:600; margin-top:6px; color:var(--muted);}
.ev-acc .ev-strength[data-lvl="1"] .ev-strength__fill{width:33%; background:#c0392b;}
.ev-acc .ev-strength[data-lvl="2"] .ev-strength__fill{width:66%; background:#E8A020;}
.ev-acc .ev-strength[data-lvl="3"] .ev-strength__fill{width:100%; background:var(--grass);}
.ev-acc .ev-strength[data-lvl="1"] .ev-strength__txt{color:#c0392b;}
.ev-acc .ev-strength[data-lvl="2"] .ev-strength__txt{color:#B87A10;}
.ev-acc .ev-strength[data-lvl="3"] .ev-strength__txt{color:var(--grass);}

/* Indicateur « correspondent » */
.ev-acc .ev-match{font-size:12px; font-weight:600; margin-top:6px; display:none; align-items:center; gap:5px;}
.ev-acc .ev-match.show{display:flex;}
.ev-acc .ev-match.ok{color:var(--grass);}
.ev-acc .ev-match.no{color:#c0392b;}
.ev-acc input.is-ok{border-color:var(--grass);}
.ev-acc input.is-ok:focus{box-shadow:0 0 0 4px rgba(63,138,74,.16);}

/* Bouton principal — lime 3D (DA Poster Jardin) */
.ev-acc .ev-submit{width:100%; height:54px; margin-top:6px; border:0; cursor:pointer;
  font-family:"Inter",sans-serif; font-size:15px; font-weight:800; letter-spacing:.01em;
  color:var(--ink); background:var(--lime); border-radius:14px;
  box-shadow:0 4px 0 var(--lime-d); transition:transform .12s, background .18s, box-shadow .12s;
  display:flex; align-items:center; justify-content:center; gap:9px;}
.ev-acc .ev-submit:hover{background:#d4f06a; transform:translateY(-2px); box-shadow:0 6px 0 var(--lime-d);}
.ev-acc .ev-submit:active{transform:translateY(1px); box-shadow:0 1px 0 var(--lime-d);}
.ev-acc .ev-submit svg{width:19px; height:19px;}

/* Avantages sous le formulaire */
.ev-acc__perks{list-style:none; margin:22px 0 0; padding:20px 0 0; border-top:1px solid var(--line);
  display:grid; gap:11px;}
.ev-acc__perks li{display:flex; align-items:center; gap:10px; font-size:13.5px; color:#3d4a40;}
.ev-acc__perks svg{width:18px; height:18px; flex-shrink:0; color:var(--grass);}

/* Légal / confidentialité */
.ev-acc__legal{font-size:11.5px; color:#8a968c; line-height:1.5; margin:16px 0 0; text-align:center;}
.ev-acc__legal a{color:var(--grass); text-decoration:none; font-weight:600;}

/* ── Carte CONNEXION (secondaire, vert pin) ── */
.ev-acc__card--login{background:linear-gradient(160deg,#0e1711,#163a28 70%); border:0; color:#fff;
  display:flex; flex-direction:column;}
.ev-acc__card--login .ev-acc__card-title{color:#fff;}
.ev-acc__card--login .ev-acc__card-note{color:#a9c3ad;}
.ev-acc__card--login label.ev-lab{color:#c2cfc4;}
.ev-acc__card--login .ev-lab .req{color:var(--lime);}
.ev-acc__card--login input[type=text],
.ev-acc__card--login input[type=password]{
  background:rgba(255,255,255,.06); border-color:rgba(255,255,255,.14); color:#fff;}
.ev-acc__card--login input::placeholder{color:#7d8f80;}
.ev-acc__card--login input:focus{border-color:var(--lime); background:rgba(255,255,255,.10);
  box-shadow:0 0 0 4px rgba(196,232,63,.18);}
.ev-acc__card--login .ev-eye{color:#8fa093;}
.ev-acc__card--login .ev-eye:hover{color:#fff;}
.ev-acc__login-badge{display:inline-flex; width:44px; height:44px; border-radius:12px;
  background:rgba(196,232,63,.16); color:var(--lime); align-items:center; justify-content:center; margin:0 0 14px;}
.ev-acc__login-badge svg{width:22px; height:22px;}
.ev-acc .ev-submit--ghost{background:transparent; color:#fff; border:1.5px solid rgba(255,255,255,.28);
  box-shadow:none;}
.ev-acc .ev-submit--ghost:hover{background:rgba(255,255,255,.08); border-color:var(--lime); color:#fff;
  transform:none; box-shadow:none;}
.ev-acc__remember{display:flex; align-items:center; gap:9px; font-size:13px; color:#a9c3ad;
  margin:2px 0 18px; cursor:pointer;}
.ev-acc__remember input{width:17px; height:17px; accent-color:var(--lime);}
.ev-acc__lost{margin-top:auto; padding-top:18px; font-size:13px;}
.ev-acc__lost a{color:var(--lime); text-decoration:none; font-weight:600;}
.ev-acc__lost a:hover{text-decoration:underline;}

/* Messages WooCommerce dans le contexte compte */
.ev-acc .woocommerce-error,
.ev-acc .woocommerce-message,
.ev-acc .woocommerce-info{border-radius:12px; font-size:14px; margin-bottom:22px; list-style:none;}
.ev-acc .woocommerce-error{border-top:3px solid #c0392b;}

/* ── Bandeau « Suivre mon colis » dans le dashboard connecté ──
   (hors namespace .ev-acc : rendu par woocommerce_account_dashboard) */
.ev-track-card{display:flex; align-items:center; gap:16px; flex-wrap:wrap; justify-content:space-between;
  margin:0 0 28px; padding:20px 24px; border-radius:18px;
  background:linear-gradient(135deg,#0e1711,#163a28 75%); color:#fff;
  font-family:"Inter",system-ui,-apple-system,sans-serif;
  box-shadow:0 18px 44px -22px rgba(14,23,17,.6);}
.ev-track-card__txt{display:flex; align-items:center; gap:13px; font-size:15px; font-weight:600; line-height:1.35;}
.ev-track-card__emoji{font-size:26px; line-height:1;}
.ev-track-card__btn{display:inline-flex; align-items:center; gap:8px; padding:13px 24px; border-radius:13px;
  background:#c4e83f; color:#0e1711; font-family:"Inter",sans-serif; font-weight:800; font-size:14px;
  text-decoration:none; white-space:nowrap; cursor:pointer;
  box-shadow:0 3px 0 #9dbd28; transition:background .18s, transform .12s, box-shadow .12s;}
.ev-track-card__btn:hover{background:#d4f06a; transform:translateY(-1px); box-shadow:0 5px 0 #9dbd28;}
.ev-track-card__btn svg{width:17px; height:17px;}
@media(max-width:520px){ .ev-track-card{flex-direction:column; align-items:flex-start;} .ev-track-card__btn{width:100%; justify-content:center;} }