/* assets/css/sso-login.css */

/* === Box pro SSO tlačítko – stylově napodobuje WP login form === */
.sso-box {
    background: #fff;
    border: 1px solid #c3c4c7;
    box-shadow: 0 1px 3px rgba(0,0,0,0.13);
    border-radius: 0;         /* hranaté rohy */
    width: 320px;             /* stejná šířka jako WP login form */
    margin: 20px auto;        /* 20px nad i pod boxem */
    padding: 20px;            /* symetrické odsazení 20px nahoře i dole */
    text-align: center;       /* centrování tlačítka */
    box-sizing: border-box;
}

/* === Styl tlačítka v boxu === */
.sso-box .entra-sso-button {
    display: inline-block;
    background-color: #0078d4;
    color: #fff;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;       /* malý zaoblený roh pro tlačítko */
    text-decoration: none;
    font-size: 14px;
    line-height: 1;           /* zajistí vertikální centrování textu */
    box-sizing: border-box;
}

/* === Hover efekt tlačítka === */
.sso-box .entra-sso-button:hover {
    background-color: #106ebe;
}

/* === Responzivita pro velmi úzké obrazovky === */
@media screen and (max-width: 360px) {
    .sso-box {
        width: 90% !important;
    }
    .sso-box .entra-sso-button {
        width: 100%;
    }
}