/* Q login overrides (scoped to login/register pages) */
:root {
    --login-hover-link: #ff9999;
    --login-btn-bg: #ff9999;
    --login-btn-hover-bg: #ed6767;
    --login-btn-active-bg: #ed6767;
    --login-btn-text: #ffffff;
}

.login-section a:hover,
.login-section a:not(.alert a):hover {
    color: var(--login-hover-link) !important;
}

.login-section a:focus,
.login-section a:focus-visible,
.login-section a:not(.alert a):focus,
.login-section a:not(.alert a):focus-visible {
    color: inherit !important;
}

.login-section .btn.btn-primary,
.login-section .auth-login-form .btn.btn-primary,
.login-section .auth-login-form button[type="submit"],
.login-section button[type="submit"].btn.btn-primary {
    background: var(--login-btn-bg) !important;
    border-color: var(--login-btn-bg) !important;
    color: var(--login-btn-text) !important;
    background-image: none !important;
    box-shadow: none !important;
    border: none !important;
}

    .login-section .btn.btn-primary:hover,
    .login-section .auth-login-form button[type="submit"]:hover {
        background: var(--login-btn-hover-bg) !important;
        border-color: var(--login-btn-hover-bg) !important;
        box-shadow: none !important;
    }

    .login-section .btn.btn-primary:focus,
    .login-section .btn.btn-primary:focus-visible,
    .login-section .btn.btn-primary:active,
    .login-section .auth-login-form button[type="submit"]:focus,
    .login-section .auth-login-form button[type="submit"]:focus-visible,
    .login-section .auth-login-form button[type="submit"]:active {
        background: var(--login-btn-active-bg) !important;
        border-color: var(--login-btn-active-bg) !important;
        box-shadow: none !important;
        outline: none;
    }

.login-section .btn-show-hide-pwd {
    background: transparent;
    border: 0 !important;
    box-shadow: none;
    outline: none;
    -webkit-tap-highlight-color: transparent;
}

    .login-section .btn-show-hide-pwd:hover,
    .login-section .btn-show-hide-pwd:focus,
    .login-section .btn-show-hide-pwd:focus-visible,
    .login-section .btn-show-hide-pwd:active {
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        outline: none !important;
    }

    .login-section .btn-show-hide-pwd .eye-icon {
        transition: color 0.15s ease;
        background: transparent;
        box-shadow: none;
    }

    .login-section .btn-show-hide-pwd:hover .eye-icon,
    .login-section .btn-show-hide-pwd:focus .eye-icon,
    .login-section .btn-show-hide-pwd:focus-visible .eye-icon {
        color: var(--login-hover-link) !important;
    }