/**
 * Custom CSS to ensure Alinity SSO button is visible
 * Overrides theme styles that might hide it
 */

/* Make sure the login identity providers section is visible */
.login-identityproviders {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin-bottom: 15px !important;
}

/* Make the SSO button visible and styled */
.login-identityproviders .potentialidp {
    display: block !important;
    margin: 10px 0 !important;
}

.login-identityproviders .btn {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    padding: 12px 20px !important;
    font-size: 16px !important;
    text-align: center !important;
    background-color: #0066cc !important;
    color: white !important;
    border: none !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    text-decoration: none !important;
}

.login-identityproviders .btn:hover {
    background-color: #0052a3 !important;
}

/* Text separator styling */
.text-separator {
    margin: 15px 0 !important;
    text-align: center !important;
    position: relative !important;
}

.text-separator div {
    position: relative !important;
    z-index: 1 !important;
}

.text-separator span {
    background: white !important;
    padding: 0 10px !important;
    color: #666 !important;
    font-size: 14px !important;
}

/* Make heading visible but keep it for screen readers primarily */
.login-identityproviders h2.sr-only {
    position: relative !important;
    width: auto !important;
    height: auto !important;
    clip: auto !important;
    margin: 10px 0 !important;
    font-size: 16px !important;
    color: #333 !important;
}

/* SSO message container styling */
#sso-message-container {
    margin: 15px 0 !important;
}

#sso-message-container .alert {
    padding: 15px !important;
    border-radius: 4px !important;
}

#sso-message-container .alert-info {
    background-color: #d1ecf1 !important;
    border: 1px solid #bee5eb !important;
    color: #0c5460 !important;
}

#sso-message-container ol {
    margin: 10px 0 !important;
}