/* ══════════════════════════════════════════════════════════════════
   Athera Academy — Auth CSS v3 (base)
   Cores críticas são injetadas via wp_add_inline_style() no auth.php
   para garantir que vencem qualquer CSS do tema WordPress.
══════════════════════════════════════════════════════════════════ */

.aa-auth-page *, .aa-auth-page *::before, .aa-auth-page *::after { box-sizing: border-box; }

/* Página */
.aa-auth-page {
    width: 100%;
    padding: 40px 16px 40px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    font-family: var(--aa-ff-body, 'Inter', -apple-system, BlinkMacSystemFont, sans-serif) !important;
    -webkit-font-smoothing: antialiased;
    color: var(--aa-t, #E8DECC);
    background: var(--aa-bg, #0B0B0B);
    font-size: var(--aa-fs-base, 14px);
}
.aa-auth-wrap { width: 100%; max-width: 480px; }

/* Card */
.aa-auth-card {
    background: linear-gradient(165deg, var(--aa-bg3, #201c16) 0%, var(--aa-bg2, #171310) 100%) !important;
    border: 1px solid var(--aa-bord, rgba(255,255,255,0.08)) !important;
    border-top: 1px solid var(--aa-bord2, rgba(255,255,255,0.13)) !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    box-shadow: 0 28px 80px rgba(0,0,0,.7) !important;
}

/* Brand */
.aa-auth-card .aa-auth-brand {
    text-align: center;
    padding: 28px 28px 16px;
    border-bottom: 1px solid var(--aa-bord, rgba(201,160,64,.1));
    background: color-mix(in srgb, var(--aa-bg, #000) 78%, transparent);
}
.aa-auth-card .aa-auth-logo {
    height: 56px; width: auto;
    display: block; margin: 0 auto 10px;
    content: url('https://atheracapital.com.br/wp-content/uploads/2026/06/Comunidade-7TR-4-scaled.png');
}
.aa-auth-card .aa-auth-logo-text {
    flex-direction: column; align-items: center; gap: 2px;
}
.aa-auth-card .aal-name {
    font-family: var(--aa-ff-title, 'Cormorant Garamond', Georgia, serif) !important;
    font-size: 28px; font-weight: 400;
    color: var(--aa-gold, #C9A040) !important; letter-spacing: .06em; line-height: 1;
}
.aa-auth-card .aal-sub {
    font-size: 10px; font-weight: 600; letter-spacing: .38em;
    color: var(--aa-gold2, rgba(201,160,64,.55)) !important; margin-top: 2px;
}
.aa-auth-card .aa-auth-tagline {
    font-size: 9px; font-weight: 600; letter-spacing: .28em;
    text-transform: uppercase; color: var(--aa-gold2, rgba(201,160,64,.6)) !important; margin: 10px 0 0;
}

/* Abas */
.aa-auth-card .aa-tabs {
    display: flex;
    border-bottom: 1px solid var(--aa-bord, rgba(255,255,255,0.08));
    background: color-mix(in srgb, var(--aa-bg, #000) 70%, transparent);
}
.aa-auth-card .aa-tab {
    flex: 1;
    background: none !important; border: none !important;
    border-bottom: 2px solid transparent !important;
    padding: 15px 12px 12px;
    font-size: 11.5px; font-weight: 700; letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--aa-t3, rgba(232,222,204,.32)) !important;
    cursor: pointer; position: relative;
    transition: color .2s;
    box-shadow: none !important; border-radius: 0 !important;
    font-family: var(--aa-ff-body, 'Inter', sans-serif) !important;
    margin: 0 !important;
}
.aa-auth-card .aa-tab:hover { color: var(--aa-t2, rgba(232,222,204,.62)) !important; background: none !important; }

/* Painéis */
.aa-auth-card .aa-panel { padding: 26px 30px 28px; }
@media (max-width: 480px) { .aa-auth-card .aa-panel { padding: 20px 18px 22px; } }

/* Headings */
.aa-auth-card .aa-auth-h2 {
    font-family: var(--aa-ff-title, 'Cormorant Garamond', Georgia, serif) !important;
    font-size: 26px !important; font-weight: 600 !important;
    color: var(--aa-t, #E8DECC) !important; margin: 0 0 5px !important; line-height: 1.2 !important;
}
.aa-auth-card .aa-auth-lead {
    font-size: 13px; color: var(--aa-t3, rgba(232,222,204,.5)) !important;
    margin: 0 0 20px; line-height: 1.6;
}

/* Alertas */
.aa-auth-card .aa-alert {
    padding: 11px 15px; border-radius: 5px;
    font-size: 13px; line-height: 1.5; margin-bottom: 18px;
    font-family: var(--aa-ff-body, 'Inter', sans-serif) !important;
}
.aa-auth-card .aa-alert--err {
    background: rgba(220,38,38,.09) !important;
    border-left: 3px solid rgba(220,38,38,.7) !important;
    color: #fca5a5 !important;
}
.aa-auth-card .aa-alert--ok {
    background: rgba(34,197,94,.08) !important;
    border-left: 3px solid rgba(34,197,94,.6) !important;
    color: #86efac !important; font-size: 14px; padding: 14px 16px;
}

/* Grid */
.aa-auth-card .aa-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
@media (max-width: 420px) { .aa-auth-card .aa-row { grid-template-columns: 1fr; } }

/* Campo */
.aa-auth-card .aa-field { display: flex; flex-direction: column; gap: 5px; margin-bottom: 12px; }
.aa-auth-card .aa-field label {
    font-size: 9.5px !important; font-weight: 700 !important;
    letter-spacing: .17em !important; text-transform: uppercase !important;
    margin: 0 !important; padding: 0 !important; font-family: var(--aa-ff-body, 'Inter', sans-serif) !important;
}
.aa-auth-card .aa-field input,
.aa-auth-card .aa-input-wrap input {
    width: 100% !important; border-radius: 6px !important;
    padding: 11px 13px !important; font-size: 14px !important;
    font-family: var(--aa-ff-body, 'Inter', sans-serif) !important;
    transition: background .2s, box-shadow .2s !important;
    -webkit-appearance: none !important; appearance: none !important;
    height: auto !important;
    border: none !important;
    outline: none !important;
    color: #F2ECDD !important;
    -webkit-text-fill-color: #F2ECDD !important;
    caret-color: #F2ECDD !important;
}
.aa-auth-card .aa-field input::placeholder,
.aa-auth-card .aa-input-wrap input::placeholder { color: rgba(242,236,221,.28) !important; }

/* Autofill: cobre fundo branco forçado pelo Chrome/Edge/Brave com box-shadow inset */
.aa-auth-card input:-webkit-autofill,
.aa-auth-card input:-webkit-autofill:hover,
.aa-auth-card input:-webkit-autofill:focus,
.aa-auth-card input:-webkit-autofill:active,
.aa-auth-card textarea:-webkit-autofill,
.aa-auth-card textarea:-webkit-autofill:hover,
.aa-auth-card textarea:-webkit-autofill:focus,
.aa-auth-card select:-webkit-autofill,
.aa-auth-card select:-webkit-autofill:hover,
.aa-auth-card select:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 200px #1A1612 inset !important;
    -webkit-text-fill-color: #F2ECDD !important;
    caret-color: #F2ECDD !important;
    border: none !important;
    transition: background-color 999999s ease 999999s !important;
}

/* Wrap senha + olho */
.aa-auth-card .aa-input-wrap { position: relative; display: flex; align-items: center; }
.aa-auth-card .aa-input-wrap input { padding-right: 48px !important; }
.aa-auth-card .aa-eye {
    position: absolute !important; right: 10px !important;
    padding: 5px 7px !important; border-radius: 5px !important;
    cursor: pointer !important; display: flex !important;
    align-items: center !important; justify-content: center !important;
    transition: all .2s !important; line-height: 1 !important;
    min-height: unset !important; height: auto !important;
}
.aa-auth-card .aa-eye svg { display: block !important; width: 17px !important; height: 17px !important; }

/* Esqueci senha */
.aa-auth-card .aa-forgot { text-align: right; margin: -4px 0 18px; }
.aa-auth-card .aa-forgot a { font-size: 12px !important; color: var(--aa-t3, rgba(232,222,204,.45)) !important; transition: color .2s !important; }
.aa-auth-card .aa-forgot a:hover { color: var(--aa-gold, #C9A040) !important; }

/* Seção label */
.aa-auth-card .aa-section-lbl {
    font-size: 9px !important; font-weight: 700 !important;
    letter-spacing: .22em !important; text-transform: uppercase !important;
    color: var(--aa-gold2, rgba(201,160,64,.6)) !important;
    border: none !important; border-bottom: 1px solid var(--aa-bord, rgba(201,160,64,.14)) !important;
    padding: 0 0 7px !important; margin: 16px 0 12px !important;
    background: none !important;
}

/* Força da senha */
.aa-auth-card .aa-strength { height: 3px; background: var(--aa-bg4, rgba(255,255,255,.06)); border-radius: 2px; margin-top: 6px; overflow: hidden; }
.aa-auth-card #aa-strength-bar { height: 100%; width: 0; border-radius: 2px; transition: width .3s, background .3s; }
.aa-auth-card .aa-strength-lbl { font-size: 10px !important; margin: 4px 0 0 !important; min-height: 14px; }

/* Checkbox */
.aa-auth-card .aa-ck { display: flex !important; align-items: flex-start !important; gap: 10px !important; cursor: pointer !important; margin-bottom: 18px !important; }
.aa-auth-card .aa-ck input[type=checkbox] { display: none !important; }
.aa-auth-card .aa-ck-box {
    width: 17px !important; height: 17px !important; min-width: 17px !important;
    border: 1.5px solid var(--aa-bord, rgba(255,255,255,.2)) !important; border-radius: 3px !important;
    background: var(--aa-bg3, rgba(255,255,255,.04)) !important; display: flex !important;
    align-items: center !important; justify-content: center !important; margin-top: 1px !important;
}
.aa-auth-card .aa-ck input:checked + .aa-ck-box { background: var(--aa-gold, #C9A040) !important; border-color: var(--aa-gold, #C9A040) !important; }
.aa-auth-card .aa-ck input:checked + .aa-ck-box::after {
    content: ''; width: 9px !important; height: 5px !important;
    border-left: 2px solid #000 !important; border-bottom: 2px solid #000 !important;
    transform: rotate(-45deg) translateY(-1px) !important; display: block !important;
}
.aa-auth-card .aa-ck-txt { font-size: 12px !important; color: var(--aa-t3, rgba(232,222,204,.5)) !important; line-height: 1.5 !important; }
.aa-auth-card .aa-ck-txt a { color: var(--aa-gold2, rgba(201,160,64,.8)) !important; }
.aa-auth-card .aa-ck-txt a:hover { color: var(--aa-gold, #C9A040) !important; }

/* Botão — estrutura base (cores via wp_add_inline_style) */
.aa-auth-card .aa-btn {
    width: 100% !important; display: flex !important;
    align-items: center !important; justify-content: center !important;
    gap: 10px !important; padding: 14px 20px !important;
    border-radius: 6px !important; font-size: 11px !important;
    font-weight: 700 !important; letter-spacing: .14em !important;
    text-transform: uppercase !important; cursor: pointer !important;
    font-family: var(--aa-ff-body, 'Inter', sans-serif) !important;
    transition: background .22s, transform .18s !important;
    margin-top: 4px !important; line-height: 1.4 !important;
    height: auto !important; min-height: unset !important;
    text-decoration: none !important;
}
.aa-auth-card .aa-btn:active { transform: translateY(0) !important; }
.aa-auth-card .aa-btn:disabled { opacity: .5 !important; cursor: not-allowed !important; }

/* Switch link */
.aa-auth-card .aa-switch-link { text-align: center !important; margin: 16px 0 0 !important; font-size: 12px !important; color: var(--aa-t3, rgba(232,222,204,.42)) !important; }

/* Já logado */
.aa-notice { padding: 16px 20px; background: color-mix(in srgb, var(--aa-gold, #C9A040) 10%, transparent); border: 1px solid var(--aa-bord2, rgba(201,160,64,.22)); border-radius: 7px; font-size: 14px; color: var(--aa-t, #E8DECC); }
.aa-notice a { color: var(--aa-gold, #C9A040) !important; }

/* Erro de duplicata */
.aa-auth-card .aa-dup-err { font-size: 11px !important; color: #fca5a5 !important; margin: 3px 0 0 !important; }

/* Responsivo */
@media (max-width: 480px) {
    .aa-auth-wrap { max-width: 100%; }
    .aa-auth-card { border-radius: 10px !important; }
}