/* Espace membre AVAVERA : la page « Mitgliederbereich » (variante « deux
   volets », choisie le 27/10/2026), l'icône de l'en-tête, et les écrans de
   mot de passe de WordPress. Couleur du site : le bleu nuit #000b2e. */

/* La page ------------------------------------------------------------------ */

.avavera-membres{--encre:#000b2e;--texte:#1e293b;--doux:#64748b;--trait:rgba(0,11,46,.18);color:var(--texte)}
/* Astra impose sa largeur aux blocs : la classe doublée reprend la main. */
.entry-content .avavera-membres.avavera-membres{max-width:1040px;margin:48px auto 96px}
.avavera-membres:not(.avavera-membres--connecte){display:grid;grid-template-columns:1fr 1.5fr}
.avavera-membres__intro{grid-column:1/-1;max-width:720px;margin:0 0 56px;font-size:1.15rem;line-height:1.6}
.avavera-membres__bloc:first-of-type{padding-right:56px;border-right:1px solid var(--trait)}
.avavera-membres__bloc:last-of-type{padding-left:56px}
.avavera-membres__bloc h2{margin:0 0 28px;font-size:1.5rem;font-weight:400;color:var(--encre)}
.avavera-membres__hinweis{margin:0 0 24px;padding:14px 18px;border-left:2px solid var(--encre);background:#f4f5f8;color:var(--encre)}
.avavera-membres__hinweis--fehler{border-left-color:#b42318;background:#fdf3f2;color:#7a271a}
.avavera-membres__lien,.avavera-membres__oubli a,.avavera-membres .ff_t_c a{color:var(--encre);text-decoration:underline;text-underline-offset:3px}
.avavera-membres__oubli{margin:0;font-size:.9rem}

/* Libellés et champs : ceux de WordPress (connexion) et de Fluent Forms. */
.avavera-membres #loginform label,.avavera-membres .ff-el-input--label label{font-size:.85rem;font-weight:600;color:var(--texte)}
.avavera-membres .ff-el-input--label.asterisk-right label:after{color:var(--doux)}
.avavera-membres #loginform .input,.avavera-membres .frm-fluent-form .ff-el-form-control{border:1px solid #cfd5df;border-radius:2px;background:#fff;box-shadow:none;padding:11px 14px;font-size:1rem;color:var(--encre)}
.avavera-membres .frm-fluent-form .ff-el-phone{padding-left:52px}  /* place du drapeau */
.avavera-membres #loginform .input:focus,.avavera-membres .frm-fluent-form .ff-el-form-control:focus{outline:0;border-color:var(--encre);box-shadow:0 0 0 3px rgba(0,11,46,.08)}
.avavera-membres #loginform p{margin:0 0 18px}
.avavera-membres .ff_t_c,.avavera-membres .login-remember label{font-size:.85rem!important;font-weight:400!important;color:var(--doux)}

/* L'inscription, deux champs par ligne : prénom et nom (déjà côte à côte
   chez Fluent Forms), courriel et téléphone, entreprise et langue. */
.avavera-membres .frm-fluent-form fieldset{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}
.avavera-membres .ff-name-field-wrapper,.avavera-membres .ff-el-group.ff-el-input--content,.avavera-membres .ff_submit_btn_wrapper{grid-column:1/-1}
.avavera-membres .ff-name-field-wrapper .ff-t-container{gap:20px}

/* Les boutons, pleins, bleu nuit (Fluent Forms écrit sa couleur en ligne). */
.avavera-membres #wp-submit,.avavera-membres .frm-fluent-form .ff-btn-submit{background:var(--encre)!important;color:#fff!important;border:0!important;border-radius:2px!important;padding:14px 30px!important;font-size:.78rem!important;font-weight:600;letter-spacing:.1em;text-transform:uppercase;box-shadow:none!important;transition:background .2s}
.avavera-membres #wp-submit:hover,.avavera-membres .frm-fluent-form .ff-btn-submit:hover{background:#1e2a55!important}

/* « Mon compte » : mêmes deux volets. Les messages en tête prennent toute
   la largeur. */
.avavera-membres > .avavera-membres__hinweis{grid-column:1/-1}
.avavera-membres__actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:24px 0}
.avavera-membres__formulaire{margin:0}
.entry-content .avavera-membres .avavera-membres__bouton{display:inline-block;padding:13px 26px;border:1px solid var(--encre);border-radius:2px;background:var(--encre);color:#fff;font-size:.78rem;font-weight:600;letter-spacing:.1em;line-height:1.2;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background .2s,color .2s}
.entry-content .avavera-membres .avavera-membres__bouton:hover{background:#1e2a55;border-color:#1e2a55;color:#fff}
.entry-content .avavera-membres .avavera-membres__bouton--clair{background:transparent;color:var(--encre)}
.entry-content .avavera-membres .avavera-membres__bouton--clair:hover{background:var(--encre);color:#fff}
.entry-content .avavera-membres .avavera-membres__bouton--danger{border-color:#b42318;background:transparent;color:#b42318}
.entry-content .avavera-membres .avavera-membres__bouton--danger:hover{border-color:#b42318;background:#b42318;color:#fff}
.avavera-membres__donnees{display:grid;grid-template-columns:max-content 1fr;gap:10px 28px;margin:0 0 20px}
.avavera-membres__donnees dt{font-size:.85rem;font-weight:600;color:var(--doux)}
.avavera-membres__donnees dd{margin:0;color:var(--encre);overflow-wrap:anywhere}
.avavera-membres__note{font-size:.9rem;color:var(--doux)}
.avavera-membres__suppression{margin-top:40px;padding-top:28px;border-top:1px solid var(--trait)}
.avavera-membres__suppression h3{margin:0 0 8px;font-size:1rem;font-weight:600;color:var(--encre)}

/* Sur téléphone : une colonne, connexion au-dessus de l'inscription. */
@media (max-width:768px){
	.entry-content .avavera-membres.avavera-membres{margin-top:24px}
	.avavera-membres:not(.avavera-membres--connecte){grid-template-columns:1fr}
	.avavera-membres__intro{margin-bottom:32px}
	.avavera-membres__bloc:first-of-type{padding:0 0 40px;border-right:0;border-bottom:1px solid var(--trait)}
	.avavera-membres__bloc:last-of-type{padding:40px 0 0}
	.avavera-membres .frm-fluent-form fieldset{grid-template-columns:1fr}
}

/* L'icône de l'en-tête ----------------------------------------------------- */

/* L'icône et son nom dans « .menu-text », côte à côte (le CSS additionnel
   d'Astra la met en inline-block : il faut sa spécificité pour passer devant). */
.ast-nav-menu .avavera-membres-entete .menu-link .menu-text{display:inline-flex;align-items:center;gap:10px}
.avavera-membres-entete svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.4}
.avavera-membres-entete--connecte svg{fill:currentColor}
/* Le nom n'est lu que par les lecteurs d'écran, sauf dans le menu mobile. */
.avavera-membres-entete__nom{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media (max-width:921px){.avavera-membres-entete__nom{position:static;width:auto;height:auto;overflow:visible;clip-path:none}}

/* Les écrans de mot de passe de WordPress (wp-login.php) ------------------- */

body.login{background:#f5f6f8}
.login h1 a{width:120px;height:48px;background-size:contain;background-position:center}
.login form{border:1px solid rgba(0,11,46,.12);border-radius:2px;box-shadow:none}
.login .button-primary{background:#000b2e;border-color:#000b2e;border-radius:2px;font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.login .button-primary:hover,.login .button-primary:focus{background:#1e2a55;border-color:#1e2a55}
.login input[type=text]:focus,.login input[type=password]:focus,.login input[type=email]:focus{border-color:#000b2e;box-shadow:0 0 0 1px #000b2e}
.login #nav a,.login #backtoblog a,.login .wp-hide-pw .dashicons{color:#000b2e}
.login .message,.login .notice,.login .success{border-left-color:#000b2e}