/* ACE CUSTOMER CAPTCHA TEXTS V5.96 START */

/*
  Ajustes pontuais nas telas de cliente:
  - amplia captcha da recuperação de senha;
  - melhora botão de recarregar captcha;
  - traduz/esconde resíduos nativos pouco úteis.
*/

html body.customer-account-forgotpassword .field.captcha,
html body.customer-account-create .field.captcha,
html body.customer-account-login .field.captcha {
    margin-top: 18px !important;
}

html body.customer-account-forgotpassword .field.captcha .label,
html body.customer-account-create .field.captcha .label,
html body.customer-account-login .field.captcha .label {
    color: #07110b !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    letter-spacing: .035em !important;
    text-transform: uppercase !important;
}

html body.customer-account-forgotpassword .field.captcha .control,
html body.customer-account-create .field.captcha .control,
html body.customer-account-login .field.captcha .control {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

html body.customer-account-forgotpassword .captcha-image,
html body.customer-account-create .captcha-image,
html body.customer-account-login .captcha-image {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 10px !important;
}

html body.customer-account-forgotpassword .captcha-image img,
html body.customer-account-forgotpassword img.captcha-img,
html body.customer-account-create .captcha-image img,
html body.customer-account-create img.captcha-img,
html body.customer-account-login .captcha-image img,
html body.customer-account-login img.captcha-img {
    width: 330px !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 82px !important;
    object-fit: contain !important;
    padding: 8px 10px !important;
    background: #ffffff !important;
    border: 1px solid rgba(7,17,11,.14) !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 28px rgba(7,17,11,.10) !important;
    image-rendering: auto !important;
}

html body.customer-account-forgotpassword .captcha-reload,
html body.customer-account-forgotpassword .action.reload.captcha-reload,
html body.customer-account-create .captcha-reload,
html body.customer-account-create .action.reload.captcha-reload,
html body.customer-account-login .captcha-reload,
html body.customer-account-login .action.reload.captcha-reload {
    min-height: 44px !important;
    border-radius: 999px !important;
    border: 1px solid #07110b !important;
    background: #07110b !important;
    color: #c8ff00 !important;
    padding: 0 18px !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    text-transform: uppercase !important;
    letter-spacing: .035em !important;
    box-shadow: 0 10px 24px rgba(7,17,11,.18) !important;
}

html body.customer-account-forgotpassword .captcha-reload:hover,
html body.customer-account-create .captcha-reload:hover,
html body.customer-account-login .captcha-reload:hover {
    background: #c8ff00 !important;
    border-color: #c8ff00 !important;
    color: #07110b !important;
}

html body.customer-account-create .field.choice.newsletter label,
html body.customer-account-login .field.choice label,
html body.customer-account-create .field.choice label {
    color: #07110b !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}

/* Remove assistência remota de compra na criação de conta se o módulo nativo inserir essa opção */
html body.customer-account-create .field.choice.assistance,
html body.customer-account-create .field.choice.remote-assistance,
html body.customer-account-create .field.choice:has(input[name*="assistance"]),
html body.customer-account-create .field.choice:has(input[name*="remote"]) {
    display: none !important;
}

/* Corrige medidor de senha parcialmente traduzido */
html body.customer-account-create #password-strength-meter {
    font-size: 0 !important;
}

html body.customer-account-create #password-strength-meter::before {
    content: "Força da senha: " !important;
    font-size: 13px !important;
}

html body.customer-account-create #password-strength-meter-label {
    font-size: 13px !important;
}

@media (max-width: 640px) {
    html body.customer-account-forgotpassword .captcha-image,
    html body.customer-account-create .captcha-image,
    html body.customer-account-login .captcha-image {
        align-items: stretch !important;
        flex-direction: column !important;
    }

    html body.customer-account-forgotpassword .captcha-image img,
    html body.customer-account-forgotpassword img.captcha-img,
    html body.customer-account-create .captcha-image img,
    html body.customer-account-create img.captcha-img,
    html body.customer-account-login .captcha-image img,
    html body.customer-account-login img.captcha-img {
        width: 100% !important;
        min-height: 76px !important;
    }

    html body.customer-account-forgotpassword .captcha-reload,
    html body.customer-account-create .captcha-reload,
    html body.customer-account-login .captcha-reload {
        width: 100% !important;
    }
}

/* ACE CUSTOMER CAPTCHA TEXTS V5.96 END */
