.elementor-kit-11{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-11 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* --- BOTÃO "VER CARRINHO" (APARECE APÓS ADICIONAR PRODUTO) --- */

#volt .added_to_cart.wc-forward,
.added_to_cart.wc-forward {
    font-family: 'Poppins', sans-serif !important;
    display: inline-block !important;
    
    /* Estilo "Outline" (Fundo transparente com borda) */
    background-color: transparent !important; 
    color: #006633 !important; /* Texto Verde Escuro Volt */
    border: 2px solid #006633 !important; /* Borda Verde Escuro */
    
    font-weight: 800 !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    
    border-radius: 8px !important;
    padding: 10px 20px !important;
    margin-top: 12px !important; /* Dá um respiro para não grudar no botão de cima */
    margin-left: 8px !important; /* Dá um respiro se ficar na mesma linha */
    
    text-decoration: none !important;
    text-align: center !important;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

/* EFEITO HOVER (O botão "acende" pro Neon) */
#volt .added_to_cart.wc-forward:hover,
.added_to_cart.wc-forward:hover {
    background-color: #b7e753 !important; /* Fundo vira Neon */
    border-color: #b7e753 !important; /* Borda vira Neon */
    color: #001c0e !important; /* Texto fica escuro para contraste */
    
    transform: translateY(-3px) !important; /* Elevação suave */
    box-shadow: 0 8px 20px rgba(183, 231, 83, 0.3) !important;
}

/*css area login e cadastra-se*/

/* --- ESTILIZAÇÃO MINHA CONTA (LOGIN / CADASTRO) VOLT LIGHT --- */

/* 1. Container Principal (Coloca lado a lado no Desktop) */
#customer_login {
    display: flex !important;
    gap: 40px !important;
    margin-top: 30px !important;
    font-family: 'Poppins', sans-serif !important;
}

/* 2. Os Cards de Formulário (Brancos com sombra premium) */
#customer_login .col-1,
#customer_login .col-2 {
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    padding: 40px !important;
    box-shadow: 0 10px 40px rgba(0, 102, 51, 0.05) !important;
    width: 100% !important;
    max-width: 50% !important;
}

/* 3. Títulos (H2 - Entrar e Cadastre-se) */
#customer_login h2 {
    color: #006633 !important; /* Verde Escuro */
    font-weight: 800 !important;
    text-transform: uppercase !important;
    border-left: 4px solid #b7e753; /* Detalhe Neon */
    padding-left: 15px !important;
    margin-bottom: 30px !important;
    font-size: 24px !important;
    letter-spacing: -0.5px;
}

/* Textos de apoio (ex: Política de privacidade) */
#customer_login p {
    color: #555555 !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
}

/* 4. Labels (Nomes dos campos) */
#customer_login label {
    color: #333333 !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    margin-bottom: 8px !important;
    display: block !important;
}

/* 5. Inputs (Os campos de digitar) */
#customer_login input.input-text {
    background-color: #f8f9fa !important;
    border: 1px solid #d1d1d1 !important;
    border-radius: 8px !important;
    padding: 0 20px !important;
    height: 55px !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 15px !important;
    color: #1a1a1a !important;
    transition: all 0.3s ease !important;
    width: 100% !important;
    box-shadow: none !important;
}

/* Efeito ao Clicar no Input (Foco) */
#customer_login input.input-text:focus {
    border-color: #b7e753 !important;
    background-color: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(183, 231, 83, 0.2) !important;
    outline: none !important;
}

/* 6. Botões Principais (Acessar e Cadastre-se) */
#customer_login button.woocommerce-button {
    background-color: #b7e753 !important; /* Verde Neon */
    color: #001c0e !important; /* Texto Escuro */
    font-weight: 800 !important;
    font-size: 16px !important;
    text-transform: uppercase !important;
    border-radius: 8px !important;
    padding: 20px !important;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    border: none !important;
    width: 100% !important;
    box-shadow: 0 8px 20px rgba(183, 231, 83, 0.3) !important;
    margin-top: 15px !important;
    cursor: pointer !important;
}

#customer_login button.woocommerce-button:hover {
    background-color: #006633 !important; /* Verde Escuro */
    color: #ffffff !important;
    transform: translateY(-3px);
    box-shadow: 0 12px 25px rgba(0, 102, 51, 0.2) !important;
}

/* 7. Checkbox (Lembre-me) */
#customer_login input[type="checkbox"] {
    accent-color: #b7e753 !important; /* Cor do check nativo */
    width: 18px !important;
    height: 18px !important;
    margin-right: 10px !important;
    cursor: pointer !important;
    position: relative;
    top: 3px;
}

#customer_login .woocommerce-form-login__rememberme span {
    font-weight: 600 !important;
    color: #333333 !important;
}

/* 8. Links Especiais (Perdeu a senha / Políticas) */
.woocommerce-LostPassword a,
.woocommerce-privacy-policy-link {
    color: #006633 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

.woocommerce-LostPassword a:hover,
.woocommerce-privacy-policy-link:hover {
    color: #b7e753 !important;
    text-decoration: underline !important;
}

/* 9. RESPONSIVO (Mobile e Tablets) */
@media (max-width: 850px) {
    #customer_login {
        flex-direction: column !important; /* Empilha os cards */
        gap: 30px !important;
    }
    
    #customer_login .col-1,
    #customer_login .col-2 {
        max-width: 100% !important; /* Ocupa a tela toda */
        padding: 25px !important; /* Reduz o respiro interno para celular */
    }
}


/* --- CORREÇÃO RESPONSIVA: SEÇÃO ANIMADA VOLT --- */

@media (max-width: 767px) {
    /* Força o contêiner a empilhar os elementos no celular */
    .volt-secao-animada {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    /* Garante que o texto e os títulos ocupem toda a largura e não fiquem espremidos */
    .volt-secao-animada > * {
        width: 100% !important;
        max-width: 100% !important;
        margin-bottom: 20px !important; /* Dá um respiro entre o título e o texto */
    }
}/* End custom CSS */