.elementor-10 .elementor-element.elementor-element-47cbf286{--display:flex;}.elementor-10 .elementor-element.elementor-element-e43c418{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}/* Start custom CSS for woocommerce-my-account, class: .elementor-element-be75991 *//* 1. REMOVER O BOTÃO PAINEL */
.woocommerce-MyAccount-navigation-link--dashboard {
    display: none !important;
}

/* 2. AJUSTE DO GRID PARA OS BOTÕES RESTANTES */
.woocommerce-MyAccount-navigation ul {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important; /* Mantém 2 colunas para os outros */
    gap: 12px !important;
}

/* 4. GARANTIR CENTRALIZAÇÃO DO CONTEÚDO NO BOTÃO GRANDE */
.woocommerce-MyAccount-navigation-link--customer-logout a {
    justify-content: center !important;
    width: 100% !important;
}

/* 5. AJUSTE DE ALINHAMENTO DO ÍCONE (PARA FICAR PERFEITO NO MEIO) */
.woocommerce-MyAccount-navigation-link--customer-logout a::before {
    margin-right: 15px !important;
    position: relative !important;
    top: 0 !important; /* Ajuste aqui se o ícone da porta parecer desalinhado */
}
/* TROCAR COR DO BOTÃO SALVAR ALTERAÇÕES PARA VERMELHO */
.woocommerce-edit-address .button,
.woocommerce-EditAccountForm .button,
.woocommerce-MyAccount-content button.button {
    background-color: #af0000 !important;
    color: #ffffff !important;
    border-radius: 4px !important;
    padding: 12px 25px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    border: none !important;
    transition: background 0.3s ease !important;
    cursor: pointer !important;
    display: inline-block !important;
}

.woocommerce-edit-address .button:hover,
.woocommerce-EditAccountForm .button:hover {
    background-color: #d10000 !important;
}

/* DEIXAR OS CAMPOS DE TEXTO E LABELS LEGÍVEIS */
.woocommerce-address-fields label,
.woocommerce-EditAccountForm label {
    color: #1a1a1a !important; /* Texto preto para as etiquetas */
    font-weight: 600 !important;
    display: block;
    margin-bottom: 5px;
}

.woocommerce-address-fields input,
.woocommerce-EditAccountForm input {
    border: 1px solid #ccc !important;
    padding: 10px !important;
    color: #333 !important;
}
/* REMOVER O BOTÃO DOWNLOADS */
.woocommerce-MyAccount-navigation-link--downloads {
    display: none !important;
}
/**
 * ATHOS CUSTOM MOTORS - LAYOUT 4 BOTÕES + SAIR
 */

/* 1. ESTRUTURA: TEXTO EM CIMA */
.woocommerce-account .woocommerce {
    display: flex !important;
    flex-direction: column-reverse !important;
}

.woocommerce-MyAccount-content {
    margin-bottom: 30px !important;
    width: 100% !important;
}

/* 2. GRID DE 2 COLUNAS */
.woocommerce-MyAccount-navigation ul {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
    list-style: none !important;
    padding: 0 !important;
}

/* 3. REMOVER O PAINEL (REDUNDANTE) */
.woocommerce-MyAccount-navigation-link--dashboard {
    display: none !important;
}

/* 4. ESTILO DOS BOTÕES E CENTRALIZAÇÃO */
.woocommerce-MyAccount-navigation ul li a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 15px 10px !important;
    background-color: #af0000 !important; /* Vermelho Athos */
    color: #ffffff !important;
    border-radius: 6px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    font-size: 12px !important;
    text-decoration: none !important;
    min-height: 55px;
    line-height: 1 !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-42f2476 *//**
 * ATHOS CUSTOM MOTORS - VERSÃO FINAL 2026
 * Texto em cima + 2 Colunas embaixo + Centralização
 */

/* 1. INVERTER ORDEM: CONTEÚDO NO TOPO */
.woocommerce-account .woocommerce {
    display: flex !important;
    flex-direction: column-reverse !important;
}

.woocommerce-MyAccount-content {
    margin-bottom: 40px !important;
    width: 100% !important;
}

/* 2. FORÇAR 2 COLUNAS NOS BOTÕES */
.woocommerce-MyAccount-navigation {
    width: 100% !important;
}

.woocommerce-MyAccount-navigation ul {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important; /* Aqui cria as 2 colunas */
    gap: 12px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 3. ESTILO DOS BOTÕES (SEU CÓDIGO + CENTRALIZAÇÃO FLEX) */
.woocommerce-MyAccount-navigation ul li a {
    display: flex !important; 
    align-items: center !important; 
    justify-content: center !important; 
    padding: 14px 10px !important;
    background-color: #af0000 !important; /* Vermelho Athos */
    color: #ffffff !important;
    border-radius: 4px !important;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700 !important;
    text-transform: uppercase;
    font-size: 12px !important; /* Ajustado para caber em 2 colunas */
    text-decoration: none !important;
    transition: all 0.3s ease;
    border: none !important;
    line-height: 1.2 !important;
    text-align: center;
    min-height: 55px;
}

/* 4. ALINHAMENTO DOS ÍCONES (SEU CÓDIGO) */
.woocommerce-MyAccount-navigation-link a::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 10px;
    display: inline-block !important;
    vertical-align: middle !important;
    position: relative;
    top: 0 !important;
}

/* ÍCONES ORIGINAIS */
.woocommerce-MyAccount-navigation-link--dashboard a::before { content: "\f0e4"; }
.woocommerce-MyAccount-navigation-link--orders a::before { content: "\f48b"; }
.woocommerce-MyAccount-navigation-link--downloads a::before { content: "\f019"; }
.woocommerce-MyAccount-navigation-link--edit-address a::before { content: "\f3c5"; }
.woocommerce-MyAccount-navigation-link--edit-account a::before { content: "\f2bd"; }
.woocommerce-MyAccount-navigation-link--customer-logout a::before { content: "\f2f5"; }

/* 5. EFEITO DE HOVER E TEXTOS (SEU CÓDIGO) */
.woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-MyAccount-navigation ul li.is-active a {
    background-color: #d10000 !important;
    box-shadow: 0 4px 15px rgba(175, 0, 0, 0.3);
}

.woocommerce-MyAccount-content p {
    font-family: 'Montserrat', sans-serif;
    line-height: 1.6;
    color: #444;
}

.woocommerce-MyAccount-content a {
    color: #af0000 !important;
    font-weight: bold;
    text-decoration: none;
}

/* 6. AJUSTE PARA MOBILE (MANTÉM 2 COLUNAS) */
@media (max-width: 767px) {
    .woocommerce-MyAccount-navigation ul {
        grid-template-columns: 1fr 1fr !important;
    }
}
/**
 * ATHOS CUSTOM MOTORS - AJUSTE FINAL DE ALINHAMENTO
 * Ícones travados no centro absoluto
 */

/* 1. ESTRUTURA E GRID (MANTIDOS) */
.woocommerce-account .woocommerce {
    display: flex !important;
    flex-direction: column-reverse !important;
}
.woocommerce-MyAccount-content {
    margin-bottom: 40px !important;
    width: 100% !important;
}
.woocommerce-MyAccount-navigation {
    width: 100% !important;
}
.woocommerce-MyAccount-navigation ul {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 2. BOTÕES COM ALINHAMENTO FORÇADO */
.woocommerce-MyAccount-navigation ul li a {
    display: flex !important;
    align-items: center !important; 
    justify-content: center !important;
    padding: 15px 10px !important;
    background-color: #af0000 !important;
    color: #ffffff !important;
    border-radius: 4px !important;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700 !important;
    text-transform: uppercase;
    font-size: 12px !important;
    text-decoration: none !important;
    min-height: 55px;
    line-height: 1 !important; /* Trava a altura da linha do texto */
}

/* 3. ÍCONES COM ALINHAMENTO ABSOLUTO NA LINHA */
.woocommerce-MyAccount-navigation-link a::before {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    margin-right: 10px !important;
    display: inline-flex !important; /* Mudado para inline-flex */
    align-items: center !important;
    vertical-align: middle !important;
    font-size: 16px !important;
    line-height: 0 !important; /* Remove qualquer interferência de altura */
    position: relative !important;
    top: 2px !important; /* Ajuste fino manual: mude para 0 ou 1px se precisar subir */
}

/* CÓDIGOS DOS ÍCONES (MANTIDOS) */
.woocommerce-MyAccount-navigation-link--dashboard a::before { content: "\f0e4"; }
.woocommerce-MyAccount-navigation-link--orders a::before { content: "\f48b"; }
.woocommerce-MyAccount-navigation-link--downloads a::before { content: "\f019"; }
.woocommerce-MyAccount-navigation-link--edit-address a::before { content: "\f3c5"; }
.woocommerce-MyAccount-navigation-link--edit-account a::before { content: "\f2bd"; }
.woocommerce-MyAccount-navigation-link--customer-logout a::before { content: "\f2f5"; }

/* 4. HOVER E CONTEÚDO (MANTIDOS) */
.woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-MyAccount-navigation ul li.is-active a {
    background-color: #d10000 !important;
}
.woocommerce-MyAccount-content p {
    font-family: 'Montserrat', sans-serif;
    line-height: 1.6;
}
.woocommerce-MyAccount-content a {
    color: #af0000 !important;
    font-weight: bold;
}

/* 5. MOBILE */
@media (max-width: 767px) {
    .woocommerce-MyAccount-navigation ul {
        grid-template-columns: 1fr 1fr !important;
    }
}/* End custom CSS */
/* Start custom CSS *//* 1. PADRONIZAÇÃO DA TELA DE LOGIN E CADASTRO */
.woocommerce-login-fields, 
.woocommerce-form-register,
.u-columns.col2-set {
    padding: 20px !important;
    background: #ffffff;
}

/* 2. ESCURECER TÍTULOS E LABELS (NOMES DOS CAMPOS) */
.woocommerce form .form-row label,
.woocommerce-PrivacyPolicyNotice p,
.woocommerce-RegistrationNotes p {
    color: #1a1a1a !important; /* Preto sólido para leitura clara */
    font-weight: 700 !important;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 8px !important;
    display: block;
}

/* 3. ESTILO DOS CAMPOS DE ENTRADA (INPUTS) */
.woocommerce form .form-row input.input-text {
    border: 1px solid #ccc !important;
    padding: 12px !important;
    border-radius: 4px !important;
    color: #333 !important;
    background-color: #f9f9f9 !important;
}

/* 4. BOTÕES DE ACESSAR E CADASTRE-SE EM VERMELHO ATHOS */
.woocommerce-form-login .button,
.woocommerce-form-register .button {
    background-color: #af0000 !important; /* Vermelho da Oficina */
    color: #ffffff !important;
    width: 100% !important; /* Botão largo para facilitar no celular */
    padding: 15px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px;
    border-radius: 4px !important;
    border: none !important;
    transition: background 0.3s ease;
    margin-top: 10px;
}

.woocommerce-form-login .button:hover,
.woocommerce-form-register .button:hover {
    background-color: #d10000 !important;
    box-shadow: 0 4px 12px rgba(175, 0, 0, 0.3);
}

/* 5. AJUSTE DO "PERDEU SUA SENHA?" E CHECKBOX */
.woocommerce-form-login__rememberme {
    margin-bottom: 15px !important;
    color: #444 !important;
    font-weight: 600;
}

.lost_password a {
    color: #af0000 !important;
    font-weight: 700;
    text-decoration: none;
}

.lost_password a:hover {
    text-decoration: underline;
}

/* 6. CORREÇÃO PARA O TÍTULO "ENTRAR" E "CADASTRE-SE" */
.u-column1 h2, .u-column2 h2 {
    color: #af0000 !important;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800 !important;
    text-transform: uppercase;
    border-bottom: 2px solid #af0000;
    padding-bottom: 10px;
    margin-bottom: 25px !important;
}
/* 1. PADRONIZAÇÃO DOS TÍTULOS ENTRAR E CADASTRE-SE */
.u-column1 h2, 
.u-column2 h2,
.woocommerce-Address-title h3 {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 18px !important; /* Tamanho reduzido para não ficar gigante */
    font-weight: 700 !important;
    text-transform: uppercase;
    color: #af0000 !important; /* Vermelho Athos */
    letter-spacing: 1px;
    margin-bottom: 20px !important;
    border: none !important; /* Remove bordas que possam poluir o visual */
}

/* 2. AJUSTE DO TEXTO DE APOIO (NOMES DOS CAMPOS) */
.woocommerce form .form-row label {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #333 !important;
    margin-bottom: 5px !important;
}

/* 3. BOTÕES DE ACESSAR E CADASTRE-SE (MAIS FINOS E ELEGANTES) */
.woocommerce-form-login .button,
.woocommerce-form-register .button {
    font-family: 'Montserrat', sans-serif !important;
    padding: 12px 20px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    background-color: #af0000 !important;
    border-radius: 4px !important;
}

/* 4. REDUZIR O ESPAÇAMENTO ENTRE COLUNAS NO DESKTOP */
@media (min-width: 768px) {
    .u-columns.col2-set {
        gap: 40px !important;
        display: flex !important;
    }
    .u-column1, .u-column2 {
        flex: 1;
    }
}
/* 1. TÍTULO DA PÁGINA DE RECUPERAÇÃO */
.woocommerce-ResetPassword p {
    font-family: 'Montserrat', sans-serif !important;
    color: #1a1a1a !important;
    font-size: 14px !important;
    line-height: 1.6;
    margin-bottom: 20px !important;
}

/* 2. LABELS E CAMPOS DE ENTRADA */
.woocommerce-form-row label {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #333 !important;
    text-transform: uppercase;
}

.woocommerce-ResetPassword input.input-text {
    border: 1px solid #ccc !important;
    padding: 12px !important;
    border-radius: 4px !important;
    font-family: 'Montserrat', sans-serif !important;
}

/* 3. BOTÃO "REDEFINIR SENHA" EM VERMELHO ATHOS */
.woocommerce-ResetPassword .button {
    background-color: #af0000 !important;
    color: #ffffff !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    padding: 15px 25px !important;
    border-radius: 4px !important;
    border: none !important;
    transition: all 0.3s ease;
    cursor: pointer;
    margin-top: 15px;
}

.woocommerce-ResetPassword .button:hover {
    background-color: #d10000 !important;
    box-shadow: 0 4px 12px rgba(175, 0, 0, 0.3);
}

/* 4. MENSAGENS DE INFORMAÇÃO/AVISO */
.woocommerce-message, 
.woocommerce-info {
    border-top-color: #af0000 !important;
    font-family: 'Montserrat', sans-serif !important;
    color: #1a1a1a !important;
    background-color: #f9f9f9 !important;
}

.woocommerce-message::before, 
.woocommerce-info::before {
    color: #af0000 !important;
}/* End custom CSS */