/* SSO Button Styling - Override default positioning and style */
/* Position SSO button under login button */
.login-ui .sso-providers {
    position: static !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    display: block !important;
    padding: 0 !important;
    margin-top: 20px !important;
    text-align: center !important;
    clear: both !important;
    float: none !important;
}

.sso-providers ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 10px 0 !important;
    display: block !important;
    text-align: center !important;
}

.sso-providers li {
    display: block !important;
    margin: 0 auto !important;
    padding: 0 !important;
    text-align: center !important;
}

.sso-providers li::before {
    display: none !important;
    content: none !important;
}

.sso-provider-saml {
    display: block !important;
    margin: 10px auto !important;
    text-align: center !important;
}

/* Change button text from SAML to SSO */
.sso-provider-saml a {
    display: inline-block !important;
    padding: 10px 20px !important;
    background-color: #4CAF50 !important;
    color: white !important;
    text-decoration: none !important;
    border-radius: 4px !important;
    font-weight: bold !important;
    border: none !important;
    cursor: pointer !important;
    transition: background-color 0.3s !important;
    min-width: 120px !important;
    /* Hide original SAML text */
    font-size: 0 !important;
    position: relative !important;
}

/* Replace SAML text with SSO */
.sso-provider-saml a::after {
    content: 'SSO' !important;
    font-size: 14px !important;
    display: inline-block !important;
}

.sso-provider-saml a:hover {
    background-color: #45a049 !important;
}

.sso-provider-saml a:active {
    background-color: #3d8b40 !important;
}