/* Telco OTP welcome card.
 * Served as /telecom-login.php (body#page-telecom-login) or the plugin path.
 * Use .telco-entry-page (added in telco_entry.php) so selectors always match.
 */

body.telco-entry-page.pagelayout-login .login-container,
#page-telecom-login.pagelayout-login .login-container,
#page-local-coursesubscription-telco_entry.pagelayout-login .login-container {
    max-width: 28rem;
    width: 100%;
    text-align: center;
}

body.telco-entry-page .telco-entry-welcome,
#page-telecom-login .telco-entry-welcome,
#page-local-coursesubscription-telco_entry .telco-entry-welcome {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 100%;
}

body.telco-entry-page .telco-entry-logo,
#page-telecom-login .telco-entry-logo,
#page-local-coursesubscription-telco_entry .telco-entry-logo {
    display: block;
    margin: 0 auto 1.25rem;
    max-height: 150px !important;
    max-width: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}

body.telco-entry-page .telco-entry-welcome .login-heading,
#page-telecom-login .telco-entry-welcome .login-heading,
#page-local-coursesubscription-telco_entry .telco-entry-welcome .login-heading {
    margin-top: 0;
    text-align: center;
    width: 100%;
}

body.telco-entry-page .telco-entry-welcome p,
#page-telecom-login .telco-entry-welcome p,
#page-local-coursesubscription-telco_entry .telco-entry-welcome p {
    text-align: center;
    width: 100%;
}

body.telco-entry-page .telco-entry-welcome ol,
#page-telecom-login .telco-entry-welcome ol,
#page-local-coursesubscription-telco_entry .telco-entry-welcome ol {
    text-align: left;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
}