/**
 * WC Auto Password - Frontend Styles
 * Oculta campos de senha do WooCommerce
 */

/* Ocultar campos de senha no login */
.woocommerce-form-login .woocommerce-form-row.password,
.woocommerce-form-login p.form-row.password,
.woocommerce-form-login .form-row:has(input[type="password"]),
.woocommerce-form-login .form-row:has(input[name="password"]),
.woocommerce-form-login .form-row:has(input#password),
.woocommerce-form-login label[for="password"],
.woocommerce-form-login input#password,
.woocommerce-form-login input[name="password"],
.woocommerce-form-login .password-input,
.woocommerce-form-login .show-password-input,
.woocommerce-form-login button.show-password-input {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute !important;
    left: -9999px !important;
    pointer-events: none !important;
}

/* Ocultar campos de senha no registro */
.woocommerce-form-register .woocommerce-form-row.password,
.woocommerce-form-register p.form-row.password,
.woocommerce-form-register .form-row:has(input[type="password"]),
.woocommerce-form-register .form-row:has(input[name="password"]),
.woocommerce-form-register .form-row:has(input#reg_password),
.woocommerce-form-register label[for="reg_password"],
.woocommerce-form-register input#reg_password,
.woocommerce-form-register input[name="password"],
.woocommerce-form-register .password-input,
.woocommerce-form-register .show-password-input,
.woocommerce-form-register button.show-password-input {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute !important;
    left: -9999px !important;
    pointer-events: none !important;
}

/* Ocultar toda a linha do campo de senha usando seletores específicos */
.woocommerce form.login .form-row:nth-child(2),
.woocommerce form.register .form-row:nth-child(2) {
    /* Não usar este seletor pois pode afetar outros campos */
}

/* Seletor mais específico para o campo de senha */
p.woocommerce-form-row--password,
p.form-row-password,
.form-row.woocommerce-form-row--password {
    display: none !important;
    visibility: hidden !important;
}

/* Ocultar campo "Mostrar senha" */
.woocommerce .show-password-input,
.woocommerce button.show-password-input,
.woocommerce span.show-password-input {
    display: none !important;
}

/* Ocultar span do password-input wrapper */
.woocommerce span.password-input {
    display: none !important;
}

/* Esconder o container inteiro do campo password */
.woocommerce-form-login__password,
.woocommerce-form-register__password {
    display: none !important;
}

/* Ocultar formulário de perdeu senha padrão e mostrar customizado */
.woocommerce-ResetPassword .woocommerce-form-row:has(input[name="user_login"]) {
    /* Manter visível o campo de email */
}

/* Estilo do botão de loading */
.wcap-loading {
    position: relative;
    pointer-events: none;
}

.wcap-loading::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin: -10px 0 0 -10px;
    border: 2px solid transparent;
    border-top-color: #fff;
    border-radius: 50%;
    animation: wcap-spin 0.8s linear infinite;
}

@keyframes wcap-spin {
    to {
        transform: rotate(360deg);
    }
}

/* Mensagem de sucesso */
.wcap-message {
    padding: 12px 15px;
    margin-bottom: 15px;
    border-radius: 4px;
    font-size: 14px;
}

.wcap-message.success {
    background-color: #d4edda;
    border: 1px solid #c3e6cb;
    color: #155724;
}

.wcap-message.error {
    background-color: #f8d7da;
    border: 1px solid #f5c6cb;
    color: #721c24;
}

/* Esconder via JavaScript - classe adicional */
.wcap-hidden {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    left: -9999px !important;
}

/* Garantir que campos ocultos não ocupem espaço */
input[type="password"].wcap-auto-fill {
    position: absolute !important;
    left: -9999px !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Estilo para o formulário de perdeu senha customizado */
.wcap-lost-password-form {
    max-width: 400px;
    margin: 0 auto;
}

.wcap-lost-password-form .form-row {
    margin-bottom: 15px;
}

.wcap-lost-password-form label {
    display: block;
    margin-bottom: 5px;
    font-weight: 600;
}

.wcap-lost-password-form input[type="email"],
.wcap-lost-password-form input[type="text"] {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
}

.wcap-lost-password-form button {
    width: 100%;
    padding: 12px;
    background-color: #96588a;
    color: #fff;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s;
}

.wcap-lost-password-form button:hover {
    background-color: #7a4874;
}