.elementor-32 .elementor-element.elementor-element-4b637bb2{--display:flex;}.elementor-32 .elementor-element.elementor-element-72d7e6d{--tabs-normal-color:var( --e-global-color-text );--tables-divider-border-color:var( --e-global-color-text );}@media(min-width:768px){.elementor-32 .elementor-element.elementor-element-4b637bb2{--content-width:1800px;}}/* Start custom CSS for woocommerce-my-account, class: .elementor-element-72d7e6d *//* ==========================================================================
   PÁGINA MINHA CONTA - TEMA DARK / GAMER (#121212 & #70C000)
   ========================================================================== */

/* 1. Container Geral e Textos da Conta */
.woocommerce-account .woocommerce-MyAccount-content {
    color: #dddddd !important;
    font-size: 0.95rem;
    line-height: 1.6;
}

.woocommerce-account .woocommerce-MyAccount-content a {
    color: #70C000 !important;
    font-weight: 600;
    text-decoration: none;
}

.woocommerce-account .woocommerce-MyAccount-content a:hover {
    text-decoration: underline;
}

/* 2. Menu de Navegação / Abas (Painel, Pedidos, Endereços...) */
.woocommerce-account .woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 20px 0 !important;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    border: none !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    display: block;
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    padding: 10px 18px !important;
    border-radius: 6px !important;
    border: 1px solid #333333 !important;
    font-size: 0.85rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    transition: all 0.2s ease;
}

/* Hover e Aba Ativa em Verde Neon */
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
    background-color: #70C000 !important;
    color: #000000 !important;
    border-color: #70C000 !important;
}

/* 3. Tabelas de Pedidos e Downloads */
.woocommerce-account table.account-orders-table,
.woocommerce-account table.shop_table {
    background-color: #141414 !important;
    border: 1px solid #262626 !important;
    border-radius: 8px !important;
    color: #ffffff !important;
}

.woocommerce-account table.shop_table th {
    background-color: #1a1a1a !important;
    color: #70C000 !important;
    text-transform: uppercase;
    font-size: 0.8rem;
    padding: 12px !important;
    border-bottom: 1px solid #262626 !important;
}

.woocommerce-account table.shop_table td {
    padding: 12px !important;
    border-bottom: 1px solid #262626 !important;
    color: #cccccc !important;
    font-size: 0.9rem;
}

/* Botões de Ação dentro da Tabela (ex: "Ver Pedido") */
.woocommerce-account .woocommerce-button,
.woocommerce-account table.shop_table td .button {
    background-color: #222222 !important;
    color: #70C000 !important;
    border: 1px solid #70C000 !important;
    border-radius: 4px !important;
    padding: 6px 12px !important;
    font-size: 0.8rem !important;
    font-weight: bold !important;
    text-transform: uppercase;
}

.woocommerce-account .woocommerce-button:hover,
.woocommerce-account table.shop_table td .button:hover {
    background-color: #70C000 !important;
    color: #000000 !important;
}

/* 4. Formulários e Inputs (Editar Detalhes da Conta / Endereços) */
.woocommerce-account .woocommerce-EditAccountForm input,
.woocommerce-account .woocommerce-address-fields input {
    background-color: #1a1a1a !important;
    border: 1px solid #333333 !important;
    color: #ffffff !important;
    border-radius: 6px !important;
    padding: 10px 14px !important;
}

.woocommerce-account form .button {
    background-color: #70C000 !important;
    color: #000000 !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    padding: 12px 24px !important;
    border-radius: 6px !important;
    border: none !important;
}

/* ==========================================================================
   AJUSTES RESPONSIVOS (MOBILE)
   ========================================================================== */
@media (max-width: 767px) {
    .woocommerce-account .woocommerce-MyAccount-navigation ul {
        flex-direction: column;
        gap: 6px;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation ul li a {
        text-align: center;
        padding: 12px !important;
    }
}

/* Força fundo escuro no container principal e texto visível */
.woocommerce-account .woocommerce-MyAccount-content,
.woocommerce-account .woocommerce,
.woocommerce-account article {
    background-color: #121212 !important;
    color: #ffffff !important;
}

/* Reduz o tamanho exagerado e ajusta a cor dos títulos/links do painel */
.woocommerce-account .woocommerce-MyAccount-content p,
.woocommerce-account .woocommerce-MyAccount-content p a {
    font-size: 0.95rem !important;
    line-height: 1.6 !important;
}

.woocommerce-account .woocommerce-MyAccount-content a {
    color: #70C000 !important;
    font-weight: bold !important;
    display: inline-block !important;
}

/* Remove caixas brancas ou fundos herdados do tema */
.woocommerce-account .woocommerce-MyAccount-content * {
    background-color: transparent !important;
}
/* ==========================================================================
   TELA DE LOGIN E CADASTRO - TEMA DARK / GAMER (#121212 & #70C000)
   ========================================================================== */

/* 1. Container Principal de Login / Registro */
.woocommerce-account .woocommerce-form-login,
.woocommerce-account .woocommerce-form-register,
.woocommerce-account #customer_login .col-1,
.woocommerce-account #customer_login .col-2 {
    background-color: #141414 !important;
    border: 1px solid #262626 !important;
    border-radius: 8px !important;
    padding: 25px !important;
    box-sizing: border-box !important;
}

/* 2. Títulos "Acessar" e "Cadastrar" */
.woocommerce-account #customer_login h2 {
    color: #ffffff !important;
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 20px !important;
    border-bottom: 2px solid #70C000 !important;
    padding-bottom: 8px !important;
    display: inline-block !important;
}

/* 3. Rótulos/Labels e Textos explicativos */
.woocommerce-account form.login label,
.woocommerce-account form.register label,
.woocommerce-account .woocommerce-Privacy-policy-text p {
    color: #dddddd !important;
    font-size: 0.85rem !important;
    margin-bottom: 6px !important;
}

.woocommerce-account .woocommerce-Privacy-policy-text a {
    color: #70C000 !important;
    text-decoration: underline !important;
}

/* 4. Campos de Entrada (E-mail, Nome de Usuário e Senhas) */
.woocommerce-account form.login input[type="text"],
.woocommerce-account form.login input[type="password"],
.woocommerce-account form.register input[type="text"],
.woocommerce-account form.register input[type="email"],
.woocommerce-account form.register input[type="password"] {
    background-color: #1a1a1a !important;
    border: 1px solid #333333 !important;
    color: #ffffff !important;
    border-radius: 6px !important;
    padding: 12px 14px !important;
    font-size: 0.9rem !important;
    width: 100% !important;
    box-sizing: border-box !important;
    transition: all 0.2s ease;
}

/* Foco nos Campos com Brilho Verde Neon */
.woocommerce-account form.login input:focus,
.woocommerce-account form.register input:focus {
    border-color: #70C000 !important;
    outline: none !important;
    box-shadow: 0 0 8px rgba(112, 192, 0, 0.3) !important;
}

/* 5. Caixa "Lembrar-me" e Links (Perdeu a senha?) */
.woocommerce-account .woocommerce-form-login__remember-me {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: #cccccc !important;
    font-size: 0.85rem !important;
    margin-top: 10px !important;
    margin-bottom: 15px !important;
}

.woocommerce-account .woocommerce-LostPassword a {
    color: #70C000 !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

.woocommerce-account .woocommerce-LostPassword a:hover {
    text-decoration: underline !important;
}

/* 6. Botões de "Acessar" e "Cadastrar" */
.woocommerce-account form.login .button,
.woocommerce-account form.register .button,
.woocommerce-account .woocommerce-form-login__submit {
    background-color: #70C000 !important;
    color: #000000 !important;
    font-size: 0.95rem !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    padding: 12px 24px !important;
    border-radius: 6px !important;
    border: none !important;
    width: 100% !important;
    cursor: pointer !important;
    transition: all 0.2s ease-in-out !important;
    margin-top: 10px !important;
}

.woocommerce-account form.login .button:hover,
.woocommerce-account form.register .button:hover {
    background-color: #85e600 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(112, 192, 0, 0.4) !important;
}

/* ==========================================================================
   AJUSTES RESPONSIVOS PARA CELULAR (MOBILE)
   ========================================================================== */
@media (max-width: 768px) {
    .woocommerce-account #customer_login {
        display: flex !important;
        flex-direction: column !important;
        gap: 20px !important;
    }

    .woocommerce-account #customer_login .col-1,
    .woocommerce-account #customer_login .col-2 {
        width: 100% !important;
        float: none !important;
    }

    .woocommerce-account form.login,
    .woocommerce-account form.register {
        padding: 18px !important;
    }
}

/* ==========================================================================
   CORREÇÃO DO TEXTO E LINK DA POLÍTICA DE PRIVACIDADE
   ========================================================================== */

/* Reduz o texto explicativo da Política de Privacidade */
.woocommerce-account .woocommerce-Privacy-policy-text,
.woocommerce-account .woocommerce-Privacy-policy-text p,
.woocommerce-register .woocommerce-Privacy-policy-text p {
    font-size: 12px !important;
    line-height: 1.4 !important;
    color: #aaaaaa !important;
    margin-top: 10px !important;
    margin-bottom: 15px !important;
    text-transform: none !important;
    letter-spacing: normal !important;
}

/* Remove a cor azul do link e aplica o Verde Neon */
.woocommerce-account .woocommerce-Privacy-policy-text a,
.woocommerce-account .woocommerce-Privacy-policy-text p a,
.woocommerce-register .woocommerce-Privacy-policy-text a {
    color: #70C000 !important;
    font-size: 12px !important;
    font-weight: bold !important;
    text-decoration: underline !important;
}

.woocommerce-account .woocommerce-Privacy-policy-text a:hover {
    color: #85e600 !important;
}

/* ==========================================================================
   ALERTAS E NOTIFICAÇÕES DO WOOCOMMERCE - VERDE #70C000
   ========================================================================== */

/* Altera a borda superior/esquerda e remove a cor azul */
.woocommerce-info,
.woocommerce-message,
.woocommerce-error,
.woocommerce-account .woocommerce-info,
.woocommerce-account .woocommerce-message {
    border-top-color: #70c000 !important;
    border-left-color: #70c000 !important;
    border-color: #70c000 !important;
    background-color: #1a1a1a !important;
    color: #ffffff !important;
}

/* Ícone da mensagem (se houver) em verde */
.woocommerce-info::before,
.woocommerce-message::before {
    color: #70c000 !important;
}

/* Links dentro das mensagens em verde */
.woocommerce-info a,
.woocommerce-message a {
    color: #70c000 !important;
    text-decoration: underline !important;
}

/* ==========================================================================
   NOME DE USUÁRIO E EMAIL BRANCO NO PAINEL MINHA CONTA
   ========================================================================== */

/* Força a cor branca no e-mail/nome de usuário e negritos dentro do painel */
.woocommerce-account .woocommerce-MyAccount-content p strong,
.woocommerce-account .woocommerce-MyAccount-content strong {
    color: #ffffff !important;
    font-weight: 700 !important;
}

/* ==========================================================================
   AJUSTES NA ABA ENDEREÇOS (MINHA CONTA)
   ========================================================================== */

/* 1. Títulos dos Blocos ("Endereço de cobrança" e "Endereço de entrega") */
.woocommerce-account .woocommerce-Addresses h3,
.woocommerce-account .woocommerce-Address-title h3,
.woocommerce-account .u-column1 h3,
.woocommerce-account .u-column2 h3 {
    color: #ffffff !important;
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 12px !important;
    line-height: 1.3 !important;
}

/* 2. Botão/Link "Adicionar" ou "Editar" Endereço (Corrige o texto gigante) */
.woocommerce-account .woocommerce-Address-title a,
.woocommerce-account .edit,
.woocommerce-account a.edit {
    color: #70c000 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    display: inline-block !important;
    margin-top: 6px !important;
    line-height: 1.4 !important;
    letter-spacing: normal !important;
}

.woocommerce-account .woocommerce-Address-title a:hover,
.woocommerce-account .edit:hover {
    color: #85e600 !important;
    text-decoration: underline !important;
}

/* 3. Texto do Endereço Cadastrado (Rua, Cidade, CEP, etc.) */
.woocommerce-account address {
    color: #cccccc !important;
    font-size: 0.9rem !important;
    line-height: 1.6 !important;
    font-style: normal !important;
    border: 1px solid #262626 !important;
    background-color: #141414 !important;
    padding: 15px !important;
    border-radius: 6px !important;
    margin-top: 10px !important;
}

/* 4. Ajuste no cabeçalho das colunas (para não sobrepor textos) */
.woocommerce-account .woocommerce-Addresses .title {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    margin-bottom: 10px !important;
}

/* 1. Força a redução do link da Política de Privacidade e muda de Azul para Verde Neon */
.woocommerce-register .woocommerce-Privacy-policy-text a,
.woocommerce-privacy-policy-text a,
.woocommerce-account a[href*="politica"],
.woocommerce-account a[href*="privacy"] {
    font-size: 13px !important;
    line-height: 1.3 !important;
    color: #70C000 !important;
    font-weight: bold !important;
    text-decoration: underline !important;
    display: inline !important;
}

/* 2. Corrige o alinhamento da caixa escura (#121212 / #141414) para não vazar a borda */
.woocommerce-account .woocommerce-form-login,
.woocommerce-account .woocommerce-form-register,
.woocommerce-account #customer_login .col-1,
.woocommerce-account #customer_login .col-2 {
    background-color: #121212 !important;
    border: 1px solid #262626 !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
    margin-top: 0 !important;
    overflow: hidden !important;
}

/* Garante que o container pai preencha a área sem deixar "dentes" claros nas pontas */
.woocommerce-account #customer_login {
    background-color: transparent !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
}/* End custom CSS */