/* Front end stays plain: a single button, no boxes or shadows. */
.bsso-wrap { margin: 16px 0; clear: both; }
.bsso-button { display: inline-flex !important; align-items: center; gap: 10px; float: none !important; width: 100%; justify-content: center; box-sizing: border-box; }
.bsso-logo { display: inline-grid; grid-template-columns: 8px 8px; gap: 2px; }
.bsso-logo i { width: 8px; height: 8px; display: block; }
.bsso-logo i:nth-child(1) { background: #f25022; }
.bsso-logo i:nth-child(2) { background: #7fba00; }
.bsso-logo i:nth-child(3) { background: #00a4ef; }
.bsso-logo i:nth-child(4) { background: #ffb900; }

/* Sign-in page ([belmont_signin]): a plain centered block; themes can restyle .bsso-signin. */
.bsso-signin { max-width: 420px; margin: 0 auto; text-align: center; }
.bsso-signin .bsso-wrap { margin: 20px 0; }
.bsso-signin .bsso-button { padding: 12px 20px; font-size: 1.05em; }
.bsso-error { background: #fff5f5; border-left: 4px solid #d63638; padding: 10px 14px; text-align: left; }
/* Self-contained button look for the sign-in page (WordPress's admin button classes only exist on wp-login.php). */
.bsso-signin .bsso-button { background: #fff; color: #2f2f2f; border: 1px solid #8c8c8c; border-radius: 4px; text-decoration: none; font-weight: 600; cursor: pointer; }
.bsso-signin .bsso-button:hover { background: #f3f3f3; color: #2f2f2f; }