/* Minimal, accessible, responsive social sign-in. Brand imagery uses typographic marks. */
.social-login {margin:22px 0 14px;max-width:100%;}
.social-divider {display:flex;align-items:center;gap:14px;color:#71808a;font-size:12px;letter-spacing:.01em;text-align:center;margin-bottom:16px;}
.social-divider::before,.social-divider::after {content:'';height:1px;flex:1;background:#e2e8ea;}
.social-provider-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;}
.social-provider {display:flex;align-items:center;justify-content:center;gap:9px;min-height:49px;padding:10px 8px;border:1px solid #dfe6e8;border-radius:12px;color:#142632;background:#fff;font-weight:650;font-size:13px;line-height:1.2;text-decoration:none;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;}
.social-provider:hover,.social-provider:focus-visible {border-color:#91a6ac;box-shadow:0 5px 18px #102c3812;transform:translateY(-1px);}
.social-provider:focus-visible{outline:3px solid #d9fa77;outline-offset:2px;}
.social-provider .social-icon-google,.social-provider .social-icon-facebook,.social-provider .social-icon-apple {font-size:21px;font-weight:800;min-width:20px;text-align:center;line-height:1;}
.social-icon-google {color:#4285f4;}
.social-icon-facebook {color:#1877f2;font-family:Arial,sans-serif;}
.social-icon-apple {color:#111;}
.social-note {font-size:11px;line-height:1.6;color:#788791;margin:10px 0 0;text-align:center;}
.checkout-entry .social-login {margin:14px 0 0;}
.checkout-entry .social-provider-grid {gap:7px;}
.checkout-entry .social-provider {font-size:12px;min-height:43px;}
.social-admin-config {margin-top:24px;}
.social-admin-config h3 {margin:17px 0 2px;font-size:17px;}
.social-callback {background:#f0f4f5;padding:10px 14px;border:1px solid #e1e8e9;border-radius:10px;overflow-wrap:anywhere;}
.social-callback code{font-size:12px;color:#183842;}
.social-redirect-intro{font-size:13px;line-height:1.65;color:#4c5b61;}
.social-admin-config textarea{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;}
@media(max-width:460px){.social-provider-grid{grid-template-columns:1fr;}.social-provider{min-height:45px}.checkout-entry .social-provider-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.checkout-entry .social-provider{font-size:11px;gap:3px;flex-direction:column;}}
