/**
 * SMS Login Button Styles for Login Page
 *
 * @package    auth_sms
 * @copyright  2026 CueSpeed Sports (cuespeedsports.com)
 * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
 */

/* ==========================================================================
   Login Page Styles - 绿色 + 高度对齐
   ========================================================================== */

/* 登录按钮 */
body.path-login #loginbtn,
body.path-login button#loginbtn,
body.path-login input#loginbtn {
    background: #07C160 !important;
    background-color: #07C160 !important;
    background-image: none !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    height: 48px !important;
    line-height: 48px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    padding: 0 24px !important;
    box-shadow: none !important;
}
body.path-login #loginbtn:hover,
body.path-login button#loginbtn:hover {
    background: #06AD56 !important;
}

/* JS 添加的类名 */
body.path-login .auth-sms-login-btn,
body.path-login a[href*="/auth/sms/"] .loginbtn,
body.path-login a[href*="/auth/sms/"] button {
    background: #07C160 !important;
    background-color: #07C160 !important;
    background-image: none !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 0 24px !important;
    height: 48px !important;
    line-height: 48px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    width: 100% !important;
    margin: 8px 0 !important;
    box-shadow: none !important;
}

/* 覆盖所有可能的按钮类 - 只针对第二个按钮 */
body.path-login .login-identityproviders > a:last-child > button,
body.path-login .login-identityproviders > a:last-child > .loginbtn,
body.path-login .login-identityproviders > a:last-child > .login-identityprovider-btn,
body.path-login .login-identityproviders > a:last-child > .btn-block,
body.path-login .login-identityproviders > a:last-child > .btn,
body.path-login .login-identityproviders > a:last-child > button.loginbtn,
body.path-login .login-identityproviders > a:last-child > button.login-identityprovider-btn,
body.path-login .login-identityproviders > a:last-child > button.btn-block,
body.path-login .login-identityproviders > a:last-child > button.btn,
body.path-login .login-identityproviders > a:last-child > button,
body.path-login .login-identityproviders > a:last-child > .loginbtn,
body.path-login .login-identityproviders > a:last-child > .login-identityprovider-btn,
body.path-login .login-identityproviders > a:last-child > .btn-block,
body.path-login .login-identityproviders > a:last-child > .btn,
body.path-login .login-identityproviders > a:last-child > button.loginbtn,
body.path-login .login-identityproviders > a:last-child > button.login-identityprovider-btn,
body.path-login .login-identityproviders > a:last-child > button.btn-block,
body.path-login .login-identityproviders > a:last-child > button.btn,
button.login-identityprovider-btn:not(.btn-secondary):nth-of-type(2),
a.login-identityprovider-btn:not(.btn-secondary):nth-of-type(2),
.loginbtn.login-identityprovider-btn:not(.btn-secondary):nth-of-type(2) {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    background: #07C160 !important;
    background-color: #07C160 !important;
    background-image: none !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 0 24px !important;
    height: 48px !important;
    line-height: 48px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
    width: 100% !important;
    margin: 8px 0 !important;
    letter-spacing: 0.5px !important;
    box-shadow: none !important;
    position: relative !important;
    overflow: hidden !important;
    text-align: center !important;
}

/* 只针对第二个按钮的 hover 状态 */
body.path-login .login-identityproviders > a:last-child > button:hover,
body.path-login .login-identityproviders > a:last-child > .loginbtn:hover,
body.path-login .login-identityproviders > a:last-child > .login-identityprovider-btn:hover,
body.path-login .login-identityproviders > a:last-child > .btn-block:hover,
body.path-login .login-identityproviders > a:last-child > .btn:hover,
body.path-login .login-identityproviders > a:last-child:hover > button,
body.path-login .login-identityproviders > a:last-child:hover > .loginbtn,
body.path-login .login-identityproviders > a:last-child:hover > .login-identityprovider-btn,
button.login-identityprovider-btn:not(.btn-secondary):nth-of-type(2):hover,
a.login-identityprovider-btn:not(.btn-secondary):nth-of-type(2):hover {
    background: #06AD56 !important;
    background-color: #06AD56 !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

/* 只针对第二个按钮的 active 状态 */
body.path-login .login-identityproviders > a:last-child > button:active,
body.path-login .login-identityproviders > a:last-child > .loginbtn:active,
body.path-login .login-identityproviders > a:last-child > .login-identityprovider-btn:active,
body.path-login .login-identityproviders > a:last-child > .btn-block:active,
body.path-login .login-identityproviders > a:last-child > .btn:active,
body.path-login .login-identityproviders > a:last-child:active > button,
body.path-login .login-identityproviders > a:last-child:active > .loginbtn,
body.path-login .login-identityproviders > a:last-child:active > .login-identityprovider-btn,
button.login-identityprovider-btn:not(.btn-secondary):nth-of-type(2):active,
a.login-identityprovider-btn:not(.btn-secondary):nth-of-type(2):active {
    background: #05974A !important;
    background-color: #05974A !important;
}

/* 只隐藏 SMS 按钮的图标 */
body.path-login .login-identityproviders > a:last-child > button img,
body.path-login .login-identityproviders > a:last-child > .loginbtn img,
body.path-login .login-identityproviders > a:last-child > .login-identityprovider-btn img,
body.path-login .login-identityproviders > a:last-child > button img,
body.path-login .login-identityproviders > a:last-child > .loginbtn img,
body.path-login .login-identityproviders > a:last-child > .login-identityprovider-btn img,
button.login-identityprovider-btn:nth-of-type(2) img,
a.login-identityprovider-btn:nth-of-type(2) img {
    display: none !important;
}