/* =========================================================
   AIE - AUTHENTIFICATION / WP 2FA
   Habille le login WordPress, le challenge 2FA, la page 2FA
   front-end et la fenetre de reconnexion de session.
   ========================================================= */

:root {
    --aie-auth-navy: #01012f;
    --aie-auth-red: #d60000;
    --aie-auth-red-dark: #b80000;
    --aie-auth-text: #1f2430;
    --aie-auth-muted: #626875;
    --aie-auth-border: #dfe2e8;
    --aie-auth-bg: #f4f5f7;
    --aie-auth-card: #ffffff;
}

/* ---------- wp-login.php + challenge WP 2FA ---------- */
body.login,
body.aie-ca-auth-page,
body.page-id-316.aie-ca-2fa-page {
    background:
        radial-gradient(circle at 50% -10%, rgba(214,0,0,.07), transparent 36%),
        linear-gradient(180deg, #f7f7f9 0%, #eef0f3 100%) !important;
    color: var(--aie-auth-text) !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
}

body.login #login {
    width: min(420px, calc(100% - 32px)) !important;
    padding: 46px 0 36px !important;
}

body.login #login h1 {
    margin: 0 0 20px !important;
}

body.login #login h1 a {
    width: 100% !important;
    max-width: 280px !important;
    height: 86px !important;
    margin: 0 auto !important;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

body.login #loginform,
body.login form,
body.login .wp2fa-login-form,
body.login .wp2fa-modal,
body.login .two-factor-login,
body.page-id-316 .wp2fa-modal,
body.page-id-316 .entry-content form {
    margin-top: 0 !important;
    padding: 28px !important;
    border: 1px solid var(--aie-auth-border) !important;
    border-radius: 16px !important;
    background: var(--aie-auth-card) !important;
    box-shadow: 0 16px 42px rgba(1,1,47,.10) !important;
}

body.login .message,
body.login .notice,
body.login #login_error {
    margin: 0 0 18px !important;
    padding: 14px 16px !important;
    border: 1px solid var(--aie-auth-border) !important;
    border-left: 4px solid var(--aie-auth-navy) !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: var(--aie-auth-text) !important;
    box-shadow: none !important;
}

body.login #login_error,
body.login .notice-error {
    border-left-color: var(--aie-auth-red) !important;
}

body.login label,
body.login .wp2fa-modal label,
body.page-id-316 .entry-content label {
    color: var(--aie-auth-text) !important;
    font-weight: 650 !important;
}

body.login input[type="text"],
body.login input[type="email"],
body.login input[type="password"],
body.login input[type="number"],
body.login input[type="tel"],
body.login .wp2fa-modal input,
body.page-id-316 .entry-content input[type="text"],
body.page-id-316 .entry-content input[type="password"] {
    width: 100% !important;
    min-height: 48px !important;
    padding: 10px 13px !important;
    border: 1px solid #c9ced7 !important;
    border-radius: 9px !important;
    background: #fff !important;
    color: #111 !important;
    font-size: 16px !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

body.login input:focus,
body.login .wp2fa-modal input:focus,
body.page-id-316 .entry-content input:focus {
    border-color: var(--aie-auth-red) !important;
    box-shadow: 0 0 0 3px rgba(214,0,0,.10) !important;
    outline: none !important;
}

body.login .button-primary,
body.login .wp-2fa-button-primary,
body.login input[type="submit"],
body.page-id-316 .entry-content .wp-2fa-button-primary,
body.page-id-316 .entry-content input[type="submit"] {
    min-height: 44px !important;
    padding: 10px 18px !important;
    border: 1px solid var(--aie-auth-red) !important;
    border-radius: 9px !important;
    background: var(--aie-auth-red) !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 750 !important;
    line-height: 1.2 !important;
    text-shadow: none !important;
    box-shadow: none !important;
}

body.login .button-primary:hover,
body.login .button-primary:focus,
body.login .wp-2fa-button-primary:hover,
body.login .wp-2fa-button-primary:focus,
body.page-id-316 .entry-content .wp-2fa-button-primary:hover,
body.page-id-316 .entry-content .wp-2fa-button-primary:focus {
    border-color: var(--aie-auth-red-dark) !important;
    background: var(--aie-auth-red-dark) !important;
    color: #fff !important;
}

body.login .button:not(.button-primary),
body.login .wp-2fa-button-secondary,
body.page-id-316 .entry-content .wp-2fa-button-secondary {
    min-height: 42px !important;
    padding: 9px 16px !important;
    border: 1px solid var(--aie-auth-navy) !important;
    border-radius: 9px !important;
    background: #fff !important;
    color: var(--aie-auth-navy) !important;
    font-weight: 700 !important;
    box-shadow: none !important;
}

body.login #nav,
body.login #backtoblog,
body.login .privacy-policy-page-link,
body.login .language-switcher {
    text-align: center !important;
}

body.login #nav a,
body.login #backtoblog a,
body.login .privacy-policy-page-link a,
body.login .wp2fa-modal a,
body.page-id-316 .entry-content a {
    color: var(--aie-auth-navy) !important;
}

body.login #nav a:hover,
body.login #backtoblog a:hover,
body.login .wp2fa-modal a:hover,
body.page-id-316 .entry-content a:hover {
    color: var(--aie-auth-red) !important;
}

/* ---------- WP 2FA page front-end (page 522) ---------- */
body.page-id-522 .entry-content,
body.page-id-522 .site-main,
body.aie-ca-2fa-page .entry-content {
    color: var(--aie-auth-text);
}

body.page-id-522 .wp2fa-modal,
body.page-id-522 [class*="wp2fa"],
body.page-id-522 [class*="wp-2fa"] {
    font-family: inherit;
}

body.page-id-522 .wp2fa-modal,
body.page-id-522 .wp2fa-user-profile-form,
body.page-id-522 .wp-2fa-user-profile-form,
body.page-id-522 .wp2fa-setup-form,
body.page-id-522 .wp-2fa-setup-form {
    border-radius: 14px !important;
}

body.page-id-522 .wp2fa-modal input,
body.page-id-522 [class*="wp2fa"] input[type="text"],
body.page-id-522 [class*="wp2fa"] input[type="password"],
body.page-id-522 [class*="wp-2fa"] input[type="text"],
body.page-id-522 [class*="wp-2fa"] input[type="password"] {
    min-height: 46px !important;
    padding: 10px 13px !important;
    border: 1px solid #c9ced7 !important;
    border-radius: 9px !important;
    box-shadow: none !important;
}

body.page-id-522 .wp2fa-modal input:focus,
body.page-id-522 [class*="wp2fa"] input:focus,
body.page-id-522 [class*="wp-2fa"] input:focus {
    border-color: var(--aie-auth-red) !important;
    box-shadow: 0 0 0 3px rgba(214,0,0,.10) !important;
    outline: none !important;
}

body.page-id-522 .wp-2fa-button-primary,
body.page-id-522 [class*="wp2fa"] .button-primary,
body.page-id-522 [class*="wp2fa"] button,
body.page-id-522 [class*="wp-2fa"] .button-primary,
body.page-id-522 [class*="wp-2fa"] button,
body.page-id-522 [class*="wp2fa"] input[type="submit"],
body.page-id-522 [class*="wp-2fa"] input[type="submit"] {
    min-height: 46px !important;
    padding: 11px 18px !important;
    border: 1px solid var(--aie-auth-red) !important;
    border-radius: 9px !important;
    background: var(--aie-auth-red) !important;
    color: #fff !important;
    font-weight: 750 !important;
    line-height: 1.2 !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

body.page-id-522 .wp-2fa-button-primary:hover,
body.page-id-522 [class*="wp2fa"] button:hover,
body.page-id-522 [class*="wp-2fa"] button:hover,
body.page-id-522 [class*="wp2fa"] input[type="submit"]:hover,
body.page-id-522 [class*="wp-2fa"] input[type="submit"]:hover {
    border-color: var(--aie-auth-red-dark) !important;
    background: var(--aie-auth-red-dark) !important;
    color: #fff !important;
}

body.page-id-522 .wp-2fa-button-secondary {
    border: 1px solid var(--aie-auth-navy) !important;
    border-radius: 9px !important;
    background: #fff !important;
    color: var(--aie-auth-navy) !important;
    font-weight: 700 !important;
}

body.page-id-522 [class*="wp2fa"] a,
body.page-id-522 [class*="wp-2fa"] a {
    color: var(--aie-auth-red) !important;
    text-decoration-color: rgba(214,0,0,.45) !important;
}

body.page-id-522 [class*="wp2fa"] hr,
body.page-id-522 [class*="wp-2fa"] hr {
    border-color: var(--aie-auth-border) !important;
}

/* ---------- Fenetre WordPress "session expiree" ---------- */
#wp-auth-check-wrap #wp-auth-check-bg {
    background: rgba(7,10,20,.72) !important;
}

#wp-auth-check-wrap #wp-auth-check {
    overflow: hidden !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    border-radius: 16px !important;
    background: #f4f5f7 !important;
    box-shadow: 0 24px 70px rgba(0,0,0,.35) !important;
}

#wp-auth-check-wrap .wp-auth-check-close {
    color: #5f6672 !important;
}

#wp-auth-check-wrap .wp-auth-check-close:hover,
#wp-auth-check-wrap .wp-auth-check-close:focus {
    color: var(--aie-auth-red) !important;
}

#wp-auth-check-wrap iframe {
    background: #f4f5f7 !important;
}

@media (max-width: 600px) {
    body.login #login {
        width: min(100% - 24px, 420px) !important;
        padding-top: 24px !important;
    }

    body.login #loginform,
    body.login form,
    body.login .wp2fa-modal,
    body.page-id-316 .wp2fa-modal,
    body.page-id-316 .entry-content form {
        padding: 20px 16px !important;
        border-radius: 12px !important;
    }

    #wp-auth-check-wrap #wp-auth-check {
        border-radius: 12px !important;
    }
}

/* =========================================================
   TEST7 - WP2FA PLUS CLAIR / FRANCISATION
   ========================================================= */
.aie-ca-2fa-challenge-help {
    box-sizing:border-box!important;
    margin:0 0 18px!important;
    padding:14px 15px!important;
    border:1px solid #d9dde5!important;
    border-left:4px solid var(--aie-auth-red)!important;
    border-radius:14px!important;
    background:#fff!important;
    color:var(--aie-auth-text)!important;
    box-shadow:0 10px 28px rgba(1,1,47,.07)!important;
}
.aie-ca-2fa-challenge-help strong,
.aie-ca-2fa-challenge-help span {
    display:block!important;
}
.aie-ca-2fa-challenge-help strong {
    margin-bottom:5px!important;
    color:#181818!important;
    font-size:14px!important;
}
.aie-ca-2fa-challenge-help span {
    color:#555c68!important;
    font-size:13px!important;
    line-height:1.5!important;
}

/* Les blocs WP2FA sont plus coherents avec l'espace client AIE. */
body.page-id-522 .wp2fa-user-profile-form,
body.page-id-522 .wp-2fa-user-profile-form,
body.page-id-522 .wp2fa-setup-form,
body.page-id-522 .wp-2fa-setup-form,
body.page-id-522 .wp2fa-modal {
    border-radius:16px!important;
}
body.page-id-522 [class*="wp2fa"] h2,
body.page-id-522 [class*="wp2fa"] h3,
body.page-id-522 [class*="wp-2fa"] h2,
body.page-id-522 [class*="wp-2fa"] h3 {
    letter-spacing:-.015em!important;
}
body.page-id-522 [class*="wp2fa"] a,
body.page-id-522 [class*="wp-2fa"] a {
    color:var(--aie-auth-red)!important;
}
body.page-id-522 [class*="wp2fa"] a:hover,
body.page-id-522 [class*="wp-2fa"] a:hover {
    color:var(--aie-auth-red-dark)!important;
}