/* Google / Facebook / TikTok sign-in buttons (partials/social-login). Loaded for guests only. */
.social-login{margin:18px 0 0}
.social-login-divider{display:flex;align-items:center;gap:12px;margin:0 0 12px;font-size:13px;color:#6a6a6a;text-align:center}
.social-login-divider::before,.social-login-divider::after{content:"";flex:1;height:1px;background:#ebebeb}
.social-login-buttons{display:grid;gap:8px}
html body .social-login-button{
  display:flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:0 14px;
  border:1px solid #dddddd;border-radius:10px;background:#fff;color:#222!important;
  font-size:14px;font-weight:600;text-decoration:none!important;
  transition:border-color .15s ease,background-color .15s ease,transform .12s ease;
}
html body .social-login-button svg{flex:none;width:20px;height:20px}
@media(hover:hover) and (pointer:fine){html body .social-login-button:hover{border-color:#222;background:#fafafa}}
html body .social-login-button:active{transform:scale(.97)}
html body .social-login-button:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--wine,#8c123e) 28%,transparent)}
.social-login-error{margin:0 0 12px}

/* login / register / complete cards: line up with the form's 20px side padding */
html body .auth-card>.social-login{margin:18px 20px 0}
html body.guest-auth-login .auth-card>.social-login{margin:0 20px 22px}

/* inside the home sidebar login card (a grid): right under the submit button */
html body .desktop-sidebar .sidebar-login .social-login{order:2;grid-column:1 / -1;margin:16px 0 0}
/* settings: linked social networks */
.social-connections{margin:0 0 24px;padding:16px;border:1px solid #efc9db;border-radius:12px}
.social-connections h2{margin-top:0}
.social-connections-list{margin:12px 0 0;padding:0;list-style:none}
.social-connections-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid #ebebeb}
.social-connections-list li:first-child{border-top:0}
.social-connections-name{display:flex;flex-direction:column;gap:2px;min-width:0}
.social-connections-name small{color:#6a6a6a;overflow-wrap:anywhere}
.social-connections-list form{margin:0}
.social-connections-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
@media(max-width:560px){.social-connections-list li{flex-direction:column;align-items:stretch}.social-connections-actions{justify-content:stretch}.social-connections-actions>*{flex:1 1 auto}}
html body .social-connections-on,html body .social-connections-list .social-connections-off{
  display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin:0;padding:0 18px;border-radius:10px;
  font:inherit;font-size:14px;font-weight:700;text-decoration:none;cursor:pointer;white-space:nowrap;
}
html body .social-connections-on{background:var(--wine,#8c123e);color:#fff!important;border:0}
html body .social-connections-list .social-connections-off{width:auto;background:#fff;color:#222;border:1px solid #dddddd}
@media(prefers-reduced-motion:reduce){html body .social-login-button{transition:none}}