/* Connexion Google / Apple — boutons + écran de finalisation.
   Aucune couleur inventée : on reprend les jetons de marque du site. */

.li-sl-buttons{display:flex;flex-direction:column;gap:10px;margin:4px 0 20px}
.li-sl-titre{margin:0 0 14px;font-size:15px;font-weight:700;line-height:1.35;text-align:center}
/* Le libellé héritait du rose des liens du thème : on vise le <span> pour reprendre
   la main sans !important, la couleur de marque de Google étant dans son logo seul. */
.li-sl-buttons .li-sl-btn,
.li-sl-buttons .li-sl-btn span{color:#1c1c22}
.li-sl-btn{display:flex;align-items:center;justify-content:center;gap:10px;
	min-height:56px;padding:0 22px;border-radius:999px;border:1px solid #d9d9e0;
	background:#fff;color:#1c1c22;font-weight:600;font-size:17px;line-height:1.2;
	text-decoration:none;transition:border-color .15s,box-shadow .15s}
.li-sl-buttons .li-sl-btn:hover,.li-sl-buttons .li-sl-btn:focus-visible{border-color:#1c1c22;box-shadow:0 1px 6px rgba(0,0,0,.08);text-decoration:none}
/* La masse visible des deux marques diffère : on cale sur le dessin, pas sur la boîte. */
.li-sl-ico{width:22px;height:22px;flex:0 0 22px;display:block}

.li-sl-sep{display:flex;align-items:center;gap:12px;margin:8px 0 2px;color:#6b6b76;font-size:13px}
.li-sl-sep::before,.li-sl-sep::after{content:"";flex:1;height:1px;background:#e4e4ea}

.li-sl-page{max-width:560px;margin:48px auto 72px;padding:0 15px}
.li-sl-card{background:#fff;border:1px solid #e4e4ea;border-radius:14px;padding:28px 24px}
.li-sl-card h1{margin:0 0 8px;font-size:26px;line-height:1.2}
.li-sl-lead{margin:0 0 20px;color:#4a4a55}
.li-sl-mail{margin:0 0 16px;padding:10px 12px;background:#f7f7fa;border-radius:8px}
.li-sl-errors{margin:0 0 18px;padding:12px 14px 12px 30px;background:#fdeaef;border-radius:8px;color:#8d1236}
.li-sl-form label{display:block;margin:0 0 16px;font-weight:600}
.li-sl-form input{display:block;width:100%;margin-top:6px;min-height:48px;padding:0 12px;
	border:1px solid #d9d9e0;border-radius:10px;font-size:16px;font-weight:400}
.li-sl-help{display:block;margin-top:6px;font-weight:400;font-size:13px;color:#6b6b76}
.li-sl-submit{display:inline-flex;align-items:center;justify-content:center;
	min-height:56px;padding:0 30px;border:0;border-radius:999px;background:#EE3D6F;color:#fff;
	font-size:16px;font-weight:700;cursor:pointer;text-decoration:none}
.li-sl-submit:hover,.li-sl-submit:focus-visible{background:#d62f5e;color:#fff;text-decoration:none}

@media (max-width:600px){
	.li-sl-page{margin:24px auto 48px}
	.li-sl-card{padding:20px 16px}
}

/* Invitation à définir un mot de passe (membres arrivés par Google). */
.li-sl-nudge{display:flex;align-items:center;gap:16px;flex-wrap:wrap;
	margin:0 0 20px;padding:16px 18px;border:1px solid #f0d9a8;border-radius:12px;background:#fdf7ea}
.li-sl-nudge__t{flex:1 1 300px;min-width:0}
.li-sl-nudge__t b{display:block;margin-bottom:3px;font-size:15px}
.li-sl-nudge__t p{margin:0;font-size:14px;line-height:1.45;color:#5a4a2a}
.li-sl-nudge__go{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;
	min-height:48px;padding:0 22px;border-radius:999px;background:#D0861E;color:#fff;
	font-weight:700;font-size:14px;text-decoration:none;white-space:nowrap}
.li-sl-nudge__go:hover,.li-sl-nudge__go:focus-visible{background:#b3711a;color:#fff;text-decoration:none}
@media (max-width:600px){
	.li-sl-nudge__go{width:100%}
}


/* Titre des modales de compte centré, comme le bouton Google et les actions qui
   suivent. Volontairement limité aux trois modales concernées par ce module
   (connexion, inscription, mot de passe oublié) : les autres modales du site —
   messagerie, contact — gardent leur titre à gauche. */
#user_login_modal .hp-modal__title,
#user_register_modal .hp-modal__title,
#user_password_request_modal .hp-modal__title{text-align:center}

/* Croix de fermeture de l'invitation « compte de structure » (inc/nudge-structure-dismiss.php).
   La gouttière de droite est reservee sur la carte entiere : posee en absolu sans
   elle, la croix se superposerait au bouton d'action sur les ecrans larges. */
.li-sl-nudge--x{position:relative;padding-right:46px}
.li-sl-nudge__x{position:absolute;top:9px;right:9px;width:30px;height:30px;padding:0;
	display:inline-flex;align-items:center;justify-content:center;
	border:0;border-radius:50%;background:transparent;color:#8a6d3b;
	font-size:13px;line-height:1;cursor:pointer;transition:background .2s,color .2s}
.li-sl-nudge__x:hover,.li-sl-nudge__x:focus-visible{background:#f3e3c2;color:#5a4a2a}
@media (max-width:600px){
	/* La gouttiere n'est utile qu'a cote du titre : gardee sur toute la carte,
	   elle empechait le bouton pleine largeur d'atteindre le bord droit. */
	.li-sl-nudge--x{padding-right:18px}
	.li-sl-nudge--x .li-sl-nudge__t{padding-right:28px}
}