/* BGW Social Login — full-width buttons that match the site (9px radius, theme tokens; no pill). */
/* width:100% is essential: inside EDD's swapped-in login fieldset (#edd_login_fields) the wrap
   otherwise collapses to 0 width, squishing the button into a narrow, broken top-right sliver. */
.bgw-social-wrap{margin:14px 0 18px;width:100%;display:flex;flex-direction:column;align-items:stretch;grid-column:1 / -1}
.bgw-social-btns{display:flex;flex-direction:column;gap:10px}

.bgw-social-btn{display:flex;align-items:center;justify-content:center;gap:10px;
	width:100%;min-height:50px;padding:0 18px;box-sizing:border-box;border-radius:9px;
	font-family:'Inter',-apple-system,sans-serif;font-size:15px;font-weight:600;letter-spacing:.01em;
	cursor:pointer;text-decoration:none;transition:border-color .15s,background .15s,opacity .15s}
.bgw-social-btn svg{flex:0 0 auto}

/* Google — outline button matching the form fields (paper bg, line border), colored G logo.
   !important defeats pmpro.css `.pmpro button{border:1px solid transparent}` on the login/signup pages,
   which otherwise erased the border (the EDD checkout isn't in the .pmpro scope, so it kept it). */
.bgw-social-google{background:var(--bg)!important;color:var(--text);border:1px solid var(--line2,rgba(26,23,20,.26))!important}
.bgw-social-google:hover{border-color:var(--accent,#9b2f2c)!important}

/* Apple — solid black (Apple brand); white in dark mode so it stays visible. Same shape as Google. */
.bgw-social-apple{background:#000!important;color:#fff;border:1px solid #000!important}
.bgw-social-apple:hover{opacity:.86;color:#fff}
[data-theme="dark"] .bgw-social-apple{background:#fff!important;color:#000;border-color:#fff!important}
[data-theme="dark"] .bgw-social-apple:hover{color:#000}

/* status / error line */
.bgw-social-note{font-family:'Inter',-apple-system,sans-serif;font-size:12.5px;color:var(--text2,#4a443d);text-align:center;margin-top:8px}
.bgw-social-note:empty{display:none}
.bgw-social-note.is-err{color:var(--accent,#9b2f2c)}

/* "or" divider */
.bgw-social-or{display:flex;align-items:center;gap:14px;margin:16px 2px 4px;color:var(--muted,#756d62);font-family:'Inter',-apple-system,sans-serif;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.bgw-social-or::before,.bgw-social-or::after{content:"";flex:1 1 auto;height:1px;background:var(--line,rgba(26,23,20,.14))}
.bgw-social-or span{flex:0 0 auto}