/**
 * JezPress Login Page Styles
 *
 * Styles for OAuth sign-in buttons on the WordPress login page.
 * Follows Google's and Microsoft's branding guidelines.
 */

/* SSO Wrapper Container */
.jezpress-sso-wrapper {
    margin-bottom: 20px;
}

/* Provider Buttons Container - stacked vertically */
.jezpress-provider-buttons {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* Base Provider Button Style */
.jezpress-provider-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 44px;
    padding: 0 16px;
    background-color: #fff;
    border: 1px solid #dadce0;
    border-radius: 4px;
    font-family: 'Segoe UI', 'Roboto', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #3c4043;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
    box-sizing: border-box;
}

.jezpress-provider-button:hover {
    background-color: #f8f9fa;
    border-color: #c4c7c5;
}

.jezpress-provider-button:focus {
    outline: none;
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #0078d4;
}

.jezpress-provider-button:active {
    background-color: #f1f3f4;
}

/* Provider Logos */
.jezpress-provider-button svg {
    width: 20px;
    height: 20px;
    margin-right: 8px;
    flex-shrink: 0;
}

/* Button Text */
.jezpress-provider-button span {
    flex-grow: 0;
}

/* Google-specific focus */
.jezpress-google-button:focus {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #4285f4;
}

/* Microsoft-specific styling */
.jezpress-microsoft-button:focus {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #0078d4;
}

/* GitHub-specific styling */
.jezpress-github-button:focus {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #24292f;
}

/* Separator */
.jezpress-separator {
    display: flex;
    align-items: center;
    margin: 20px 0;
    color: #757575;
    font-size: 13px;
}

.jezpress-separator::before,
.jezpress-separator::after {
    content: '';
    flex: 1;
    height: 1px;
    background-color: #dadce0;
}

.jezpress-separator span {
    padding: 0 12px;
}

/* Pending notice */
.jezpress-pending-notice {
    background-color: #fff3cd;
    border: 1px solid #ffc107;
    color: #856404;
    padding: 10px 12px;
    border-radius: 4px;
    font-size: 13px;
    margin-bottom: 15px;
    text-align: center;
}

/* Login message when password is disabled */
.jezpress-login-message {
    text-align: center;
    color: #3c4043;
    font-size: 14px;
    margin-bottom: 15px;
}

/* Error notice styling override */
#login #login_error {
    border-left-color: #d63638;
}

/* Hide WordPress language selector on login page */
.language-switcher {
    display: none !important;
}

/* Buttons are now always stacked vertically for cleaner display */

/* Legacy wrapper class support (backwards compatibility) */
.jezpress-google-wrapper {
    margin-bottom: 20px;
}