/* Microsoft Login Button */
.evt-ms-login-container {
    margin: 20px 0;
    text-align: center;
    background: #f0f0f1;
    padding: 20px;
    border-radius: 4px;
}

.evt-ms-login-button {
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 15px 20px !important; /* Override WP core button styles if needed */
    background: #000 !important;
    color: white !important;
    border: none;
    border-radius: 4px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    height: auto !important;
}

.evt-ms-login-button:hover {
    background: #272727 !important;
    color: white !important;
}

/* 2FA Verification Form */
.evt-2fa-initial-message {
    padding: 12px;
    margin: 0 0 1.5em 0;
    border-left: 4px solid #00a32a;
    background: #dff0d8;
    color: #2c662d;
}

.evt-2fa-code-input {
    width: 100%;
    font-size: 24px;
    padding: 8px;
    text-align: center;
    letter-spacing: 0.5em;
    font-family: monospace;
}

.evt-2fa-resend {
    margin-top: 1em;
    text-align: center;
}

.evt-2fa-message-success {
    border-left: 4px solid #00a32a;
    background: #dff0d8;
    color: #2c662d;
    padding: 12px;
    margin-bottom: 1em;
}

.evt-2fa-message-info {
    border-left: 4px solid #72aee6;
    background: #f0f6fc;
    color: #2c3338;
    padding: 12px;
    margin-bottom: 1em;
}

/* Geo-restricted login form - hide username/password but keep MS button */
.evt-geo-restricted #loginform > p:not(.evt-ms-login-container),
.evt-geo-restricted #loginform > .user-pass-wrap,
.evt-geo-restricted #loginform > .forgetmenot,
.evt-geo-restricted #loginform > .submit,
.evt-geo-restricted #loginform > label,
.evt-geo-restricted #nav {
    display: none !important;
}

.evt-geo-restricted .evt-ms-login-container {
    margin-top: 0;
}

.evt-geo-restricted #loginform {
    padding: 0;
    margin: 0;
    border: none;
    box-shadow: none;
    background: transparent;
}

.evt-geo-notice {
    padding: 12px;
    margin: 0 0 1.5em 0;
    border-left: 4px solid #dba617;
    background: #fcf9e8;
    color: #5a5200;
    text-align: center;
}