/* Brand buttons: local assets only; displaying a button never loads a provider SDK. */
.pf-social-entry{margin-top:32px;padding-top:22px}
.pf-social-buttons{display:grid;gap:16px;margin:0}
.pf-social-buttons .pf-social-button{display:flex;align-items:center;justify-content:flex-start;gap:14px;box-sizing:border-box;width:100%;min-height:56px;padding:14px 18px;border:1px solid transparent;border-radius:12px;box-shadow:0 7px 20px #29201c12;cursor:pointer;text-align:left;font:600 16px/24px Arial,sans-serif;opacity:1}
.pf-social-buttons .pf-social-facebook{background:#1877f2;color:#fff}
.pf-social-buttons .pf-social-google{background:#fff;color:#1f1f1f;border-color:#747775;font-family:'Google Sans',Arial,sans-serif;font-weight:500}
.pf-social-buttons .pf-social-apple{background:#000;color:#fff}
.pf-social-button>.pf-social-icon{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 24px;width:24px;height:24px;overflow:hidden;background:transparent;border-radius:0}
.pf-social-icon img{display:block;max-width:none;width:24px;height:24px;object-fit:contain}
.pf-social-facebook .pf-social-icon img,.pf-social-apple .pf-social-icon img{filter:invert(1)}
/* Show the unchanged 20px G inside the official 40px asset; surrounding button is ours. */
.pf-social-google>.pf-social-icon{flex-basis:20px;width:20px;height:20px;margin-right:4px}
.pf-social-google .pf-social-icon img{position:absolute;width:40px;height:40px;max-width:none;left:-10px;top:-10px}
.pf-social-button>.pf-social-label{display:block;width:auto;height:auto;font:inherit;overflow-wrap:anywhere;color:inherit}
.pf-social-buttons .pf-social-button:focus-visible{outline:3px solid #c98b25;outline-offset:4px}
@media(hover:hover){.pf-social-buttons .pf-social-button:hover{box-shadow:0 9px 24px #29201c24;filter:brightness(.97)}}
@media(max-width:480px){.pf-social-buttons .pf-social-button{font-size:14px;padding:13px 12px;gap:10px;min-height:54px}}

/* Keep original brand marks inside a roomy, non-clipping icon box. */
.pf-social-button>.pf-social-icon{overflow:visible;min-height:28px;height:28px;line-height:1;align-self:center}.pf-social-icon img{flex:none;max-height:none!important;min-height:0;margin:0!important;object-fit:contain}.pf-social-google>.pf-social-icon{min-height:28px;height:28px;overflow:hidden}.pf-social-google .pf-social-icon img{top:-6px!important}.pf-social-buttons .pf-social-button{overflow:visible!important}

/* Social sign-in precedes both native forms. */
.pf-account-auth>.pf-social-entry{margin:0 0 24px;padding:0 0 24px;border-top:0;border-bottom:1px solid #e7dacb}.pf-account-auth>.pf-social-entry>p:first-child{margin:0 0 16px}
