/*
 * Edwiser Bridge Pro — SSO Public Styles
 * The pill-expand animation and OR divider live in form-login.php inline CSS
 * so they load only on the account page and override any theme styles cleanly.
 * This file keeps only the icon base size and a legacy fallback for contexts
 * where the inline styles are not present (e.g. wp-login.php).
 */

/* Icon base size */
.eb-sso-social-login-icon {
    width:  22px;
    height: 22px;
    flex-shrink: 0;
    display: inline-block;
    vertical-align: middle;
    object-fit: contain;
}

/* Label span — hidden by default, revealed by hover in form-login.php inline CSS */
.eb-sso-gp-lbl {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
}

/* ── Legacy fallback for wp-login.php and other contexts ── */
.eb-sso-cont-login-btns {
    float:           left;
    width:           100%;
    padding:         0;
    margin:          0 0 12px;
    list-style-type: none;
    display:         flex;
    gap:             10px;
    flex-wrap:       wrap;
}

.eb-sso-cont-login-btns li {
    display: block;
    flex:    1;
}

.eb-sso-cont-login-btns a,
.eb-sso-cont-login-btns a:active,
.eb-sso-cont-login-btns a:focus,
.eb-sso-cont-login-btns a:hover,
.eb-sso-cont-login-btns a:visited {
    display:         flex;
    align-items:     center;
    justify-content: center;
    gap:             8px;
    float:           none;
    text-decoration: none;
    color:           #1a1a2e;
    padding:         10px 12px;
    border:          1.5px solid #d1d5db;
    border-radius:   7px;
    background:      #ffffff;
    font-size:       13px;
    font-weight:     500;
    transition:      all .22s ease;
    box-sizing:      border-box;
    width:           100%;
}

.eb-sso-cont-login-btns a:hover {
    background:   #f9fafb;
    border-color: #9ca3af;
    transform:    translateY(-1px);
    box-shadow:   0 2px 8px rgba(0,0,0,.09);
    color:        #1a1a2e;
}