/* ============================================================
   TENNIS SHOP — myaccount/form-login.php, mot de passe oublié,
   global/form-login.php (maquette connexion-v1)
   Le compte n'est jamais un préalable à l'achat : la sortie
   « commander sans compte » reste visible sous les formulaires.
   ============================================================ */
.acces{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
.acces-seul{grid-template-columns:minmax(0,560px);justify-content:center}
@media(max-width:900px){.acces{grid-template-columns:1fr}}
.acces .bloc,.wrap-connexion .bloc{display:grid;gap:1rem}
.acces h2,.wrap-connexion .bloc h2{margin:0}
.acces .intro,.wrap-connexion .intro{color:var(--gris);margin-top:-.4rem}
.wrap-connexion .bloc .intro:first-child{margin-top:0}
.lien{font-size:.9rem;font-weight:700;text-decoration:underline;justify-self:start}
.ligne-mdp{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.6rem}
.ligne-mdp .lien{font-weight:600;color:var(--gris)}
.avantages{display:grid;gap:.6rem;margin:0;padding:0;list-style:none}
.avantages li{display:flex;gap:.6rem;align-items:flex-start;font-size:.95rem}
.avantages svg{flex:none;margin-top:3px;color:#2E9B4E}
.acces .btn,.wrap-connexion .btn{justify-self:stretch;width:100%}
.acces .champs .aide{font-size:.85rem;color:var(--gris);margin:0}
.acces .mini,.wrap-connexion .mini{font-size:.85rem;color:var(--gris);margin:0}

.sans-compte{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-top:16px;margin-bottom:clamp(2.5rem,5vw,4rem)}
.sans-compte strong{display:block;font-size:1.3rem;font-weight:1000;text-transform:uppercase}
.sans-compte p{margin:.25rem 0 0;color:#444}
.ou{display:flex;align-items:center;gap:.8rem;color:var(--gris);font-size:.85rem;font-weight:800}
.ou::before,.ou::after{content:"";flex:1;height:1px;background:var(--ligne)}

/* Pages à un seul formulaire : mot de passe oublié, connexion demandée */
.wrap-connexion{padding-bottom:clamp(2.5rem,5vw,4rem)}
.wrap-connexion>.bloc,.wrap-connexion>.woocommerce-notices-wrapper,.wrap-connexion>.woocommerce-message,.wrap-connexion>.woocommerce-error,.wrap-connexion>.woocommerce-info{max-width:560px;margin-inline:auto}
.wrap-connexion>.connexion-rappel:first-child{margin-top:clamp(1.5rem,3vw,2.5rem)}
.acces~.woocommerce-notices-wrapper:empty,.wrap-connexion .woocommerce-notices-wrapper:empty{display:none}