/*
 Theme Name:   Pensualizei Studio
 Theme URI:    https://studio.pensualizei.com.br
 Description:  Tema filho personalizado para o Avrix - Desenvolvido por Pensualizei Studio
 Author:       Pensualizei Studio
 Author URI:   https://studio.pensualizei.com.br
 Template:     avrix
 Version:      1.0
 Tags:         two-columns, three-columns, left-sidebar, right-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-menu, theme-options, editor-style, featured-images, microformats, post-formats,  sticky-post, threaded-comments, translation-ready
 Text Domain:  pensualizei-studio
*/

/* [ Adicione seu CSS personalizado abaixo ]
- - - - - - - - - - - - - - - - - - - - */

/* ==========================================================================
   1. OCULTAR HEADER / BREADCRUMB DE PRODUTOS (MÉTODO NUCLEAR)
========================================================================== */
body div.breadcrumb-area,
body .breadcrumb-area.bg-gray,
body .breadcrumb-item,
.woocommerce-breadcrumb,
.breadcumb-title {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: none !important;
}

/* ==========================================================================
   2. BOTÃO "VER CARRINHO" LADO A LADO COM O DE COMPRA
========================================================================== */
/* Transforma a área do botão em um container flexível para botões ficarem lado a lado */
.woocommerce div.product form.cart {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
    align-items: center !important;
}

/* O botão "Ver Carrinho" que aparece depois do clique (Força máxima de exibição) */
a.added_to_cart.wc-forward,
.woocommerce div.product .added_to_cart,
.elementor-widget-woocommerce-product-add-to-cart .added_to_cart {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #ffffff !important;
    background-color: #333333 !important; 
    padding: 15px 30px !important; /* Mesma altura do botão verde */
    border-radius: 4px !important;
    margin: 0 !important; /* Remove margens pois o gap já separa */
    font-size: 16px !important; 
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: background 0.3s ease !important;
    flex: 1 !important; /* Faz ele crescer e dividir 50/50 do espaço */
    text-align: center !important;
}

/* Hover do Ver Carrinho */
a.added_to_cart.wc-forward:hover,
.woocommerce div.product .added_to_cart:hover,
.elementor-widget-woocommerce-product-add-to-cart .added_to_cart:hover {
    background-color: #1a1a1a !important; 
}

/* ==========================================================================
   3. PÁGINA DO CARRINHO (ESTILO DARK E LINHAS LIMPAS)
========================================================================== */

/* Matar fundos brancos residuais dos containers do Elementor */
.woocommerce-cart .e-cart__container,
.woocommerce-cart .e-cart__column-inner,
.elementor-widget-woocommerce-cart .elementor-widget-container,
.woocommerce-cart .woocommerce {
    background-color: transparent !important; 
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* DESTRUIR A CAIXA BRANCA DO ELEMENTOR (CART TOTALS) */
.elementor-widget-woocommerce-cart .e-cart-totals {
    --sections-background-color: transparent !important;
    --sections-border-color: transparent !important;
    --sections-padding: 0 !important;
    background-color: transparent !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
}

/* Forçar a tipografia e cor base da Tabela */
.woocommerce-cart table.shop_table {
    color: #ffffff !important; 
    font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    border-collapse: collapse !important;
    border: none !important;
    width: 100% !important;
}

/* Tabela: Ajustar Linhas e Bordas */
.woocommerce-cart table.shop_table th,
.woocommerce-cart table.shop_table td {
    border-left: none !important; 
    border-right: none !important; 
    border-top: none !important;
    background-color: transparent !important;
}
.woocommerce-cart table.shop_table thead th {
    border-bottom: 1px solid #333333 !important; 
    color: #ffffff !important; 
    font-weight: 600 !important;
    padding: 15px 10px !important;
}
.woocommerce-cart table.shop_table tbody td {
    border-bottom: 1px solid #222222 !important; 
    padding: 20px 10px !important;
    vertical-align: middle !important;
}

/* Tabela: Links e Texto */
.woocommerce-cart table.shop_table td.product-name a,
.woocommerce-cart table.shop_table td.product-price .amount,
.woocommerce-cart table.shop_table td.product-subtotal .amount {
    color: #cccccc !important;
    text-decoration: none !important;
    font-weight: normal !important;
}

/* Botão "X" de remover produto */
.woocommerce-cart table.shop_table td.product-remove a.remove {
    color: #888888 !important;
    background: transparent !important;
    font-weight: bold !important;
    border: none !important;
}
.woocommerce-cart table.shop_table td.product-remove a.remove:hover {
    color: #ff4d4d !important;
}

/* Box Lateral (Cart Totals) - Estilo Modulix */
.woocommerce-cart .cart-collaterals .cart_totals {
    background-color: #1a1a1a !important; 
    border-radius: 8px !important;
    padding: 30px !important;
    border: 1px solid #2a2a2a !important; 
    box-shadow: none !important;
    margin: 0 !important;
}
.woocommerce-cart .cart-collaterals .cart_totals h2 {
    color: #ffffff !important;
    font-size: 1.2rem !important;
    margin-bottom: 20px !important;
    border-bottom: none !important;
}
.woocommerce-cart .cart-collaterals .cart_totals table tr td,
.woocommerce-cart .cart-collaterals .cart_totals table tr th {
    border-bottom: 1px solid #2a2a2a !important; 
    padding: 15px 0 !important;
    color: #ffffff !important;
}
.woocommerce-cart .cart-collaterals .cart_totals table tr.order-total th,
.woocommerce-cart .cart-collaterals .cart_totals table tr.order-total td {
    border-bottom: none !important; 
}

/* Inputs e Botões do Carrinho (Verde Envato) */
.woocommerce-cart .button,
.woocommerce-cart a.checkout-button,
.woocommerce-cart .coupon button.button {
    background-color: #82b440 !important; 
    color: #ffffff !important;
    border-radius: 4px !important;
    padding: 12px 24px !important;
    font-weight: 600 !important;
    border: none !important;
    transition: background 0.3s ease !important;
    overflow: visible !important;
    z-index: 1 !important;
}
.woocommerce-cart .button:hover,
.woocommerce-cart a.checkout-button:hover,
.woocommerce-cart .coupon button.button:hover {
    background-color: #72a236 !important; 
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin-top: 20px !important;
    text-align: center !important;
}
.woocommerce-cart .coupon input#coupon_code {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border: 1px solid #333333 !important;
    border-radius: 4px !important;
    padding: 12px 15px !important;
}

/* Matar Animações Fantasmas do Carrinho (Tema Avrix) */
.woocommerce-cart .button::before,
.woocommerce-cart .button::after,
.woocommerce-cart a.checkout-button::before,
.woocommerce-cart a.checkout-button::after,
.woocommerce-cart .coupon button.button::before,
.woocommerce-cart .coupon button.button::after {
    display: none !important;
    content: none !important;
    background: transparent !important;
    animation: none !important;
    transform: none !important;
}

/* ==========================================================================
   4. OCULTAR COLUNA DE QUANTIDADE (PRODUTOS DIGITAIS)
========================================================================== */
.woocommerce-cart table.shop_table th.product-quantity,
.woocommerce-cart table.shop_table td.product-quantity {
    display: none !important;
}

/* ==========================================================================
   5. CARDS DE PRODUTO ESTILO ENVATO (OVERLAY NO HOVER)
========================================================================== */
.woocommerce ul.products li.product {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    border: none !important;
    padding: 0 !important;
    background-color: #1a1a1a; 
    box-shadow: 0 4px 12px rgba(0,0,0,0.1); 
    transition: all 0.3s ease;
}
.woocommerce ul.products li.product:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 24px rgba(0,0,0,0.2);
}
.woocommerce ul.products li.product .woocommerce-loop-product__link {
    display: block;
    position: relative;
    height: 100%; 
}
.woocommerce ul.products li.product img {
    width: 100%;
    height: auto; 
    aspect-ratio: 4/3; 
    object-fit: cover; 
    display: block;
    margin: 0 !important;
    transition: transform 0.5s ease; 
}
.woocommerce ul.products li.product:hover img {
    transform: scale(1.08);
}

/* Overlay Escuro sobre a Imagem */
.woocommerce ul.products li.product .woocommerce-loop-product__link::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0) 100%);
    opacity: 0; 
    transition: opacity 0.3s ease;
}

/* Posição Inicial dos Textos no Card */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .price {
    position: absolute;
    left: 0;
    width: 100%;
    padding: 0 20px;
    color: #ffffff !important;
    z-index: 10; 
    opacity: 0; 
    transform: translateY(20px); 
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); 
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    bottom: 50px; 
    font-size: 16px !important;
    line-height: 1.3 !important;
    margin: 0 !important;
    font-weight: 600 !important;
    text-shadow: 0 2px 4px rgba(0,0,0,0.3); 
}
.woocommerce ul.products li.product .price {
    bottom: 20px;
    font-size: 15px !important;
    display: flex;
    align-items: center;
}
.woocommerce ul.products li.product .price del {
    color: #cccccc !important; 
    margin-right: 10px;
    font-size: 13px;
    opacity: 0.8;
}
.woocommerce ul.products li.product .price ins {
    text-decoration: none;
    font-weight: 700;
    color: #ffffff !important;
}

/* Revelar no Hover */
.woocommerce ul.products li.product:hover .woocommerce-loop-product__link::after,
.woocommerce ul.products li.product:hover .woocommerce-loop-product__title,
.woocommerce ul.products li.product:hover .price {
    opacity: 1;
    transform: translateY(0);
}

/* Esconder botão Add to Cart e Ajustar Selo Oferta */
.woocommerce ul.products li.product .button {
    display: none !important;
}
.woocommerce ul.products li.product .onsale {
    top: 15px !important;
    right: 15px !important;
    left: auto !important;
    margin: 0 !important;
    background-color: #82b440 !important; 
    color: #fff !important;
    border-radius: 4px;
    padding: 6px 12px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    height: auto;
    min-height: 0;
    z-index: 20;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}

/* Comportamento no Mobile */
@media (max-width: 767px) {
    .woocommerce ul.products li.product .woocommerce-loop-product__title {
        font-size: 15px !important;
        bottom: 45px;
    }
    .woocommerce ul.products li.product .price {
        bottom: 15px;
    }
}

/* ==========================================================================
   6. BOTÃO DE COMPRA DA PÁGINA DE PRODUTO ÚNICO
========================================================================== */

/* Matar o fantasma do tema Avrix DEFINITIVAMENTE (Hover, Focus e Active) */
.woocommerce div.product form.cart .button.single_add_to_cart_button::before,
.woocommerce div.product form.cart .button.single_add_to_cart_button::after,
.woocommerce div.product form.cart .button.single_add_to_cart_button span::before,
.woocommerce div.product form.cart .button.single_add_to_cart_button span::after,
.woocommerce div.product form.cart .button.single_add_to_cart_button:hover::before,
.woocommerce div.product form.cart .button.single_add_to_cart_button:hover::after,
.woocommerce div.product form.cart .button.single_add_to_cart_button:focus::before,
.woocommerce div.product form.cart .button.single_add_to_cart_button:focus::after,
.woocommerce div.product form.cart .button.single_add_to_cart_button:active::before,
.woocommerce div.product form.cart .button.single_add_to_cart_button:active::after {
    display: none !important;
    background: transparent !important;
    width: 0 !important;
    height: 0 !important;
    animation: none !important;
    transform: none !important;
    opacity: 0 !important;
}

/* Estilo do botão (Verde Envato, dividindo espaço) */
.woocommerce div.product form.cart .button.single_add_to_cart_button {
    background-color: #82b440 !important; /* Verde Envato */
    color: #ffffff !important;
    border-radius: 4px !important;
    padding: 15px 30px !important;
    font-weight: 600 !important;
    font-size: 16px !important; 
    border: none !important;
    flex: 1 !important; /* Faz ele dividir o espaço 50/50 com o Ver Carrinho */
    width: auto !important; /* Sobrescreve o 100% de antes */
    text-align: center !important;
    position: relative !important;
    z-index: 1 !important;
    transition: all 0.3s ease !important;
}

/* Efeito Hover (Mais escuro) */
.woocommerce div.product form.cart .button.single_add_to_cart_button:hover {
    background-color: #6a9532 !important; /* Verde nitidamente mais escuro */
    color: #ffffff !important;
}

/* Efeito Clique (Focus/Active - Botão "afunda" e escurece mais) */
.woocommerce div.product form.cart .button.single_add_to_cart_button:active,
.woocommerce div.product form.cart .button.single_add_to_cart_button:focus {
    background-color: #557828 !important; /* Fica quase um verde musgo ao clicar */
    box-shadow: inset 0 3px 6px rgba(0,0,0,0.4) !important; /* Dá a sensação de botão pressionado */
    outline: none !important;
}

/* ==========================================================================
   8. PÁGINA DE FINALIZAR COMPRA (CHECKOUT DARK PREMIUM)
========================================================================== */

/* Matar fundos brancos do Elementor no Checkout */
.elementor-widget-woocommerce-checkout-page .e-checkout__container,
.elementor-widget-woocommerce-checkout-page .woocommerce {
    background-color: transparent !important;
}

/* Títulos das Sessões (Detalhes de faturamento, Seu pedido) */
.woocommerce-checkout h3 {
    color: #ffffff !important;
    border-bottom: 1px solid #333333 !important;
    padding-bottom: 15px !important;
    margin-bottom: 25px !important;
    font-size: 1.3rem !important;
}

/* Labels (Nome, Endereço, etc) */
.woocommerce-checkout label {
    color: #cccccc !important;
    font-weight: 500 !important;
    margin-bottom: 8px !important;
}
.woocommerce-checkout label .required {
    color: #ff4d4d !important; /* Asterisco vermelho */
}

/* ---------------------------------------------------
   CAMPOS DE TEXTO E FORMULÁRIOS
--------------------------------------------------- */
.woocommerce-checkout input[type="text"],
.woocommerce-checkout input[type="email"],
.woocommerce-checkout input[type="tel"],
.woocommerce-checkout textarea,
.woocommerce-checkout select {
    background-color: #1a1a1a !important; /* Fundo escuro */
    color: #ffffff !important; /* Texto branco digitado */
    border: 1px solid #333333 !important;
    border-radius: 4px !important;
    padding: 12px 15px !important;
    width: 100% !important;
    box-shadow: none !important;
}
.woocommerce-checkout input::placeholder,
.woocommerce-checkout textarea::placeholder {
    color: #666666 !important;
}

/* Consertar as caixas de Seleção de País e Estado (Select2 do WooCommerce) */
.select2-container--default .select2-selection--single {
    background-color: #1a1a1a !important;
    border: 1px solid #333333 !important;
    height: 45px !important;
    display: flex !important;
    align-items: center !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #ffffff !important;
}
.select2-dropdown {
    background-color: #1a1a1a !important;
    border: 1px solid #333333 !important;
    color: #cccccc !important;
}
.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #333333 !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #82b440 !important; /* Verde no hover das opções */
}

/* ---------------------------------------------------
   CAIXA DIREITA: SEU PEDIDO E PAGAMENTO
--------------------------------------------------- */
/* Remover variáveis forçadas do Elementor nas caixas laterais */
.elementor-widget-woocommerce-checkout-page .e-checkout__order_review,
.elementor-widget-woocommerce-checkout-page .e-checkout__order_review-2 {
    --sections-background-color: transparent !important;
    --sections-border-color: transparent !important;
    --sections-padding: 0 !important;
}

/* Estilo das caixas laterais (Igual ao Total do Carrinho) */
.woocommerce-checkout .e-checkout__order_review,
.woocommerce-checkout .e-checkout__order_review-2 {
    background-color: #1a1a1a !important;
    border-radius: 8px !important;
    padding: 30px !important;
    border: 1px solid #2a2a2a !important;
    margin-bottom: 20px !important;
}

/* Tabela de Resumo do Pedido */
.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px solid #2a2a2a !important;
    background-color: transparent !important;
    color: #ffffff !important;
    padding: 15px 0 !important;
}
.woocommerce-checkout-review-order-table tfoot th,
.woocommerce-checkout-review-order-table tfoot td {
    border-bottom: none !important; /* Tira a última linha */
}

/* ---------------------------------------------------
   ÁREA DE PAGAMENTO (MERCADO PAGO)
--------------------------------------------------- */
/* Fundo transparente na lista de métodos */
.woocommerce-checkout #payment {
    background-color: transparent !important;
}
.woocommerce-checkout #payment ul.payment_methods {
    border-bottom: 1px solid #333333 !important;
    padding: 0 0 20px 0 !important;
}
/* Textos dos métodos (Cartão, Pix, etc) */
.woocommerce-checkout #payment ul.payment_methods li {
    color: #ffffff !important;
    font-weight: 500 !important;
}
/* Caixinha cinza que abre quando escolhe o método de pagamento */
.woocommerce-checkout #payment div.payment_box {
    background-color: #121212 !important; /* Mais escuro que o painel principal */
    color: #cccccc !important;
    border: 1px solid #333333 !important;
    border-radius: 4px !important;
    box-shadow: none !important;
}
.woocommerce-checkout #payment div.payment_box::before {
    border-bottom-color: #121212 !important; /* A cor da setinha apontando pra cima */
}

/* Ajustes finos para textos internos do Mercado Pago */
.mp-checkout-container label,
.mp-checkout-container .mp-input-label,
.mp-checkout-container p,
.mp-checkout-container span,
.mp-checkout-pro-redirect-description {
    color: #cccccc !important;
}

/* ---------------------------------------------------
   BOTÃO FINAL "FINALIZAR PEDIDO" E CUPOM
--------------------------------------------------- */
.woocommerce-checkout .button,
.woocommerce-checkout #place_order {
    background-color: #82b440 !important; /* Verde Envato */
    color: #ffffff !important;
    border-radius: 4px !important;
    padding: 15px 30px !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    border: none !important;
    width: 100% !important; /* Botão 100% largo */
    text-align: center !important;
    transition: all 0.3s ease !important;
    margin-top: 15px !important;
}
.woocommerce-checkout .button:hover,
.woocommerce-checkout #place_order:hover {
    background-color: #72a236 !important;
}
.woocommerce-checkout .button:active,
.woocommerce-checkout #place_order:active {
    background-color: #557828 !important;
    box-shadow: inset 0 3px 6px rgba(0,0,0,0.4) !important;
}

/* Matar animação fantasma do Avrix no botão final */
.woocommerce-checkout .button::before,
.woocommerce-checkout .button::after,
.woocommerce-checkout #place_order::before,
.woocommerce-checkout #place_order::after {
    display: none !important;
    animation: none !important;
}

/* ==========================================================================
   10. PÁGINA MINHA CONTA - LOGIN E REGISTRO LADO A LADO (ALTO CONTRASTE)
========================================================================= */

/* 1. Estrutura Lado a Lado (Flexbox) */
.woocommerce-account .u-columns.col2-set {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 40px !important; /* Espaço entre as duas caixas */
    width: 100% !important;
    margin: 0 !important;
}

/* 2. As Caixas de Fundo (Cards de Login e Registro) */
.woocommerce-account .u-column1,
.woocommerce-account .u-column2 {
    flex: 1 !important;
    min-width: 320px !important; /* Quebra para uma coluna só no celular */
    background-color: #1a1a1a !important; /* Fundo grafite escuro padrão */
    border: 1px solid #444444 !important; /* Borda cinza clara para dar contorno nítido */
    padding: 40px !important;
    border-radius: 8px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important; /* Sombra para "flutuar" no fundo */
    float: none !important;
}

/* 3. Títulos "Entrar" e "Cadastrar" - Branco Puro e Brilhante */
.woocommerce-account .u-columns h2 {
    color: #ffffff !important;
    font-size: 1.8rem !important;
    font-weight: 700 !important;
    margin-bottom: 30px !important;
    border-bottom: 1px solid #333333 !important;
    padding-bottom: 15px !important;
    text-shadow: 0 2px 4px rgba(0,0,0,0.3) !important;
}

/* 4. Labels (Nomes dos Campos) - Cinza Muito Claro (Alto Contraste) */
.woocommerce-account .u-columns label {
    color: #eeeeee !important; /* Quase branco, muito fácil de ler */
    font-weight: 600 !important;
    margin-bottom: 10px !important;
    display: block !important;
}
.woocommerce-account .u-columns label .required {
    color: #ff4d4d !important; /* Asterisco vermelho vivo */
}

/* 5. Campos de Digitação (Inputs) - Texto Branco e Borda Visível */
.woocommerce-account .u-columns input.input-text {
    background-color: #2a2a2a !important; /* Fundo do input mais claro que o card */
    color: #ffffff !important; /* Texto BRANCO PURO */
    border: 1px solid #555555 !important; /* Borda cinza clara visível */
    border-radius: 4px !important;
    padding: 15px !important;
    font-size: 16px !important;
    width: 100% !important;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
}

/* Foco no Input (Quando clica pra digitar, a borda acende em VERDE) */
.woocommerce-account .u-columns input.input-text:focus {
    border-color: #82b440 !important;
    box-shadow: 0 0 10px rgba(130, 180, 64, 0.3) !important;
    outline: none !important;
}

/* 6. Textos de Apoio (Políticas, links, etc) */
.woocommerce-account .u-columns p {
    color: #cccccc !important;
    line-height: 1.5 !important;
}
.woocommerce-account .u-columns .woocommerce-privacy-policy-link {
    color: #82b440 !important;
    text-decoration: underline !important;
}

/* 7. OS BOTÕES VERDES (ESTILO ENVATO BRILHANTE) */
.woocommerce-account .u-columns .button {
    background-color: #82b440 !important; /* Verde Envato Vibrante */
    color: #ffffff !important; /* Texto BRANCO PURO no botão */
    border: none !important;
    padding: 15px 30px !important;
    border-radius: 4px !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    text-transform: uppercase !important; 
    letter-spacing: 1px !important;
    width: 100% !important; /* Botão largo ocupando tudo */
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(130, 180, 64, 0.4) !important; /* Brilho verde suave */
    margin-top: 20px !important;
}

/* Hover do Botão */
.woocommerce-account .u-columns .button:hover {
    background-color: #72a236 !important;
    box-shadow: 0 6px 20px rgba(130, 180, 64, 0.6) !important;
    transform: translateY(-2px) !important; /* Leve levantada */
}

/* 8. Textos auxiliares embaixo do botão Login */
.woocommerce-account form.login .woocommerce-form-login__rememberme {
    display: flex !important;
    align-items: center !important;
    margin-top: 15px !important;
    color: #aaaaaa !important;
}
.woocommerce-account form.login .woocommerce-form-login__rememberme input {
    margin-right: 10px !important;
}

.woocommerce-account form.login .woocommerce-LostPassword {
    text-align: center !important;
    margin-top: 20px !important;
    padding-top: 20px !important;
    border-top: 1px solid #333333 !important; /* Linha divisória */
}
.woocommerce-account form.login .woocommerce-LostPassword a {
    color: #aaaaaa !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}
.woocommerce-account form.login .woocommerce-LostPassword a:hover {
    color: #82b440 !important; /* Verde no hover */
}

/* ==========================================================================
   11. EXTERMINADOR DE FANTASMAS (BOTÕES MINHA CONTA)
========================================================================= */

/* Matar o fantasma (quadrado escuro) nos botões de Login e Registro */
.woocommerce-account .u-columns .button::before,
.woocommerce-account .u-columns .button::after,
.woocommerce-account form.login .woocommerce-button::before,
.woocommerce-account form.login .woocommerce-button::after,
.woocommerce-account form.register .woocommerce-button::before,
.woocommerce-account form.register .woocommerce-button::after {
    display: none !important;
    content: none !important;
    background: transparent !important;
    width: 0 !important;
    height: 0 !important;
    animation: none !important;
    transform: none !important;
    opacity: 0 !important;
}

/* Forçar o botão ACESSAR a assumir o Verde Envato caso o tema o bloqueie */
.woocommerce-account form.login .woocommerce-form-login__submit {
    background-color: #82b440 !important; /* Força bruta no verde */
    color: #ffffff !important;
    position: relative !important;
    z-index: 1 !important; /* Traz o botão para frente de qualquer sujeira do tema */
}

/* Forçar o Hover correto do botão ACESSAR */
.woocommerce-account form.login .woocommerce-form-login__submit:hover {
    background-color: #72a236 !important;
}

/* ==========================================================================
   12. TRADUÇÃO FORÇADA: WIDGET DE CONTATO DO RODAPÉ
========================================================================= */

/* "Esmaga" as palavras originais em inglês tirando o tamanho da fonte delas */
.footer-widget.contact .content strong {
    font-size: 0 !important;
    letter-spacing: 0 !important;
}

/* Injeta a palavra "ENDEREÇO:" no primeiro item */
.footer-widget.contact ul li:nth-child(1) .content strong::after {
    content: "ENDEREÇO:" !important;
    font-size: 15px !important; /* Tamanho da fonte original */
    letter-spacing: normal !important;
    color: #ffffff !important; /* Cor branca do título */
    margin-right: 5px !important;
}

/* Injeta a palavra "E-MAIL:" no segundo item */
.footer-widget.contact ul li:nth-child(2) .content strong::after {
    content: "E-MAIL:" !important;
    font-size: 15px !important;
    letter-spacing: normal !important;
    color: #ffffff !important;
    margin-right: 5px !important;
}

/* Injeta a palavra "TELEFONE:" no terceiro item */
.footer-widget.contact ul li:nth-child(3) .content strong::after {
    content: "TELEFONE:" !important;
    font-size: 15px !important;
    letter-spacing: normal !important;
    color: #ffffff !important;
    margin-right: 5px !important;
}

/* ==========================================================================
   13. ABAS DINÂMICAS DE CATEGORIAS (ESTILO MINHA CONTA)
========================================================================= */

/* Container geral dos botões das Abas */
.e-n-tabs-heading {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 15px !important; /* Espaço entre as abas */
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-bottom: 30px !important; /* Afasta as abas dos produtos */
}

/* Estilo de cada botão de Aba (Estado Normal) */
.e-n-tabs-heading .e-n-tab-title {
    background-color: #1a1a1a !important; /* Fundo grafite */
    color: #cccccc !important; /* Texto cinza claro */
    border: 1px solid #2a2a2a !important; /* Borda bem sutil */
    border-radius: 8px !important; /* Cantos arredondados iguais aos cards */
    padding: 12px 25px !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    transition: all 0.3s ease !important;
    justify-content: center !important;
    align-items: center !important;
    box-shadow: none !important;
    flex: none !important; /* Evita que o botão estique na tela toda */
}

/* Exterminar efeitos nativos (linhas coloridas, bordas fantasmas) */
.e-n-tabs-heading .e-n-tab-title::before,
.e-n-tabs-heading .e-n-tab-title::after {
    display: none !important;
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* Efeito ao passar o mouse (Hover) */
.e-n-tabs-heading .e-n-tab-title:hover {
    background-color: #222222 !important;
    color: #82b440 !important; /* Texto acende no Verde Envato */
    border-color: #333333 !important;
    cursor: pointer !important;
}

/* Aba Ativa (Selecionada) */
.e-n-tabs-heading .e-n-tab-title[aria-selected="true"],
.e-n-tabs-heading .e-n-tab-title.e-active {
    background-color: #82b440 !important; /* Fundo Verde Envato */
    color: #ffffff !important; /* Texto Branco */
    border-color: #82b440 !important;
    box-shadow: 0 4px 15px rgba(130, 180,
		
/* ==========================================================================
   14. CHECKOUT NATIVO - LAYOUT COMPACTO E TEXTOS CLAROS (DARK MODE)
========================================================================== */

/* 1. Reset de cores globais no Checkout (Mata o texto preto) */
.woocommerce-checkout, 
.woocommerce-checkout label, 
.woocommerce-checkout span, 
.woocommerce-checkout p,
.woocommerce-checkout h3,
.woocommerce-checkout th, 
.woocommerce-checkout td,
.woocommerce-checkout strong,
.woocommerce-checkout .woocommerce-info,
.mp-checkout-container p,
.mp-checkout-container span {
    color: #eeeeee !important; /* Força tudo para cinza quase branco */
}

/* 2. Organização em Duas Colunas (Desktop) */
@media (min-width: 992px) {
    .woocommerce-checkout {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 3% !important;
    }

    /* Coluna 1: Dados do Cliente */
    .woocommerce-checkout .col2-set {
        flex: 0 0 57% !important;
        max-width: 57% !important;
        float: left !important;
    }

    /* Coluna 2: Seu Pedido e Pagamento */
    .woocommerce-checkout #order_review_heading,
    .woocommerce-checkout #order_review {
        flex: 0 0 40% !important;
        max-width: 40% !important;
        float: left !important;
        clear: none !important;
    }

    /* Campos de Nome e Sobrenome lado a lado */
    .woocommerce-checkout .form-row-first, 
    .woocommerce-checkout .form-row-last {
        width: 48% !important;
        float: left !important;
    }
    .woocommerce-checkout .form-row-last {
        float: right !important;
    }
}

/* 3. Estilização dos Inputs (Os "Holders") */
.woocommerce-checkout input.input-text, 
.woocommerce-checkout textarea, 
.woocommerce-checkout select,
.select2-container--default .select2-selection--single {
    background-color: #1a1a1a !important; /* Fundo grafite */
    color: #ffffff !important; /* Texto que o cliente digita */
    border: 1px solid #444444 !important; /* Borda bem visível */
    padding: 12px 15px !important;
    border-radius: 4px !important;
}

/* Cor do texto de exemplo (Placeholder) */
.woocommerce-checkout input::placeholder {
    color: #777777 !important;
}

/* 4. Ajuste da Tabela de Pedido (Direita) */
#order_review {
    background-color: #111111 !important; /* Um pouco mais escuro para destaque */
    padding: 25px !important;
    border: 1px solid #222222 !important;
    border-radius: 8px !important;
}

.woocommerce-checkout-review-order-table {
    border: none !important;
}

.woocommerce-checkout-review-order-table th, 
.woocommerce-checkout-review-order-table td {
    border-bottom: 1px solid #222222 !important;
    padding: 15px 5px !important;
}

/* 5. Ajuste para o Mercado Pago (Pix e Cartão) */
.mp-checkout-container {
    background-color: #1a1a1a !important;
    padding: 20px !important;
    border-radius: 6px !important;
    margin-top: 15px !important;
}

.mp-pix-template-title, .mp-pix-template-subtitle {
    color: #ffffff !important;
}

/* 6. Botão Final (Verde Envato) */
.woocommerce-checkout #place_order {
    background-color: #82b440 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    padding: 18px !important;
    border-radius: 4px !important;
    width: 100% !important;
    text-transform: uppercase !important;
    margin-top: 20px !important;
    transition: 0.3s !important;
}

.woocommerce-checkout #place_order:hover {
    background-color: #72a236 !important;
}

/* 7. Caixas de Aviso (Cupom/Login) */
.woocommerce-info {
    background-color: #1a1a1a !important;
    border-top: 3px solid #82b440 !important;
    padding: 15px !important;
}

.woocommerce-info a {
    color: #82b440 !important;
    text-decoration: underline !important;
}
	
/* ==========================================================================
  15. FORÇAR CARDS DE BLOG ESTILO PRODUTO (PÁGINA 327)
========================================================================== */

/* Container do Post - Forçar posição relativa e altura */
.elementor-327 .elementor-element-3ec809c .elementor-post {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 2px !important; /* Raio solicitado de 2px */
    background-color: #1a1a1a !important; /* Mesma cor dos produtos */
    margin-bottom: 20px !important;
    display: flex !important;
    flex-direction: column !important;
}

/* Imagem de Destaque */
.elementor-327 .elementor-element-3ec809c .elementor-post__thumbnail {
    margin: 0 !important;
    border-radius: 2px !important;
    overflow: hidden !important;
}

.elementor-327 .elementor-element-3ec809c .elementor-post__thumbnail img {
    border-radius: 2px !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 0.5s ease !important; /* Mesmo efeito dos produtos */
}

/* Overlay Escuro (Sombra por cima da foto) */
.elementor-327 .elementor-element-3ec809c .elementor-post::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0) 100%) !important; /* Gradiente estilo Envato */
    opacity: 0 !important;
    transition: opacity 0.3s ease !important;
    z-index: 2 !important;
}

/* Efeito Hover: Revelar Overlay e Zoom */
.elementor-327 .elementor-element-3ec809c .elementor-post:hover::after {
    opacity: 1 !important;
}
.elementor-327 .elementor-element-3ec809c .elementor-post:hover .elementor-post__thumbnail img {
    transform: scale(1.08) !important;
}

/* Texto por cima (Branco e Posicionado) */
.elementor-327 .elementor-element-3ec809c .elementor-post__text {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    padding: 20px !important;
    z-index: 10 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important; /* Transição de subida igual aos produtos */
    transition: all 0.4s ease !important;
}

.elementor-327 .elementor-element-3ec809c .elementor-post:hover .elementor-post__text {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

/* Estilo do Título e Data */
.elementor-327 .elementor-element-3ec809c .elementor-post__title a {
    color: #ffffff !important; /* Texto branco solicitado */
    font-size: 16px !important;
    font-weight: 600 !important;
    text-shadow: 0 2px 4px rgba(0,0,0,0.3) !important;
}

.elementor-327 .elementor-element-3ec809c .elementor-post__meta-data {
    font-size: 11px !important; /* Data pequena solicitada */
    color: #cccccc !important;
    margin-bottom: 5px !important;
}

/* Link "Ler mais" estilo Verde Envato */
.elementor-327 .elementor-element-3ec809c .elementor-post__read-more {
    color: #82b440 !important; /* Verde Envato do seu style.css */
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
}

/* Esconder o resumo (Excerpt) para não poluir o card */
.elementor-327 .elementor-element-3ec809c .elementor-post__excerpt {
    display: none !important;
}
	
	/* ==========================================================================
   16. PÁGINA DE ENDEREÇOS (MINHA CONTA) - ESTILO DARK PREMIUM
========================================================================== */

/* Container Principal */
.woocommerce-MyAccount-content-wrapper {
    color: #eeeeee !important; /* Texto claro para leitura */
}

.woocommerce-MyAccount-content-wrapper > p {
    margin-bottom: 30px !important;
    font-size: 15px !important;
    color: #aaaaaa !important;
}

/* Organização das Colunas (Lado a Lado) */
.woocommerce-Addresses.col2-set {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 30px !important;
    margin-top: 20px !important;
}

/* Estilização de cada Bloco de Endereço (Card) */
.woocommerce-Address {
    flex: 1 !important;
    min-width: 300px !important;
    background-color: #1a1a1a !important; /* Fundo grafite padrão */
    border: 1px solid #333333 !important; /* Borda nítida */
    padding: 30px !important;
    border-radius: 8px !important; /* Raio de borda padronizado */
    box-shadow: 0 4px 12px rgba(0,0,0,0.2) !important;
}

/* Títulos dos Endereços */
.woocommerce-Address-title.title {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 20px !important;
    border-bottom: 1px solid #2a2a2a !important;
    padding-bottom: 15px !important;
}

.woocommerce-Address-title h2 {
    color: #ffffff !important; /* Branco brilhante */
    font-size: 1.2rem !important;
    font-weight: 700 !important;
    margin: 0 !important;
}

/* Link de Editar/Adicionar (Estilo Botão Verde) */
.woocommerce-Address-title .edit {
    color: #82b440 !important; /* Verde Envato característico */
    font-size: 13px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

.woocommerce-Address-title .edit:hover {
    color: #ffffff !important;
    transform: translateX(3px) !important;
}

/* Bloco de Texto do Endereço */
address {
    font-style: normal !important;
    line-height: 1.6 !important;
    color: #cccccc !important; /* Cinza claro para o corpo do texto */
    font-size: 14px !important;

/* Ajuste para Mobile */
@media (max-width: 767px) {
    .woocommerce-Addresses.col2-set {
        flex-direction: column !important;
    }
}
	
	/* ==========================================================================
   17. GRID DE DOWNLOADS - DARK PREMIUM (BORDAS COMPLETAS)
========================================================================== */

/* 1. Container e Tabela: Força o grid fechado */
.woocommerce-table--order-downloads {
    border-collapse: collapse !important;
    border: 1px solid #333333 !important; /* Borda externa nítida */
    background-color: #1a1a1a !important; /* Fundo grafite padronizado */
    border-radius: 8px !important;
    overflow: hidden !important;
    width: 100% !important;
}

/* 2. Cabeçalho da Tabela (Th) */
.woocommerce-table--order-downloads thead th {
    background-color: #222222 !important; /* Um tom acima para destaque */
    color: #ffffff !important;
    border: 1px solid #333333 !important; /* Borda em cada célula */
    padding: 15px !important;
    text-transform: uppercase !important;
    font-size: 13px !important;
    letter-spacing: 0.5px !important;
}

/* 3. Células de Dados (Td) */
.woocommerce-table--order-downloads tbody td {
    border: 1px solid #333333 !important; /* Borda em todos os lados das células */
    padding: 15px !important;
    color: #cccccc !important;
    vertical-align: middle !important;
    background-color: transparent !important;
}

/* 4. Link do Produto (Branco) */
.woocommerce-table--order-downloads .download-product a {
    color: #ffffff !important;
    text-decoration: none !important;
    font-weight: 600 !important;
}

.woocommerce-table--order-downloads .download-product a:hover {
    color: #82b440 !important;
}

/* 5. O BOTÃO DE DOWNLOAD (Verde Envato / Studio) */
/* Isso remove aquele botão "oco" e coloca nossa identidade */
.woocommerce-table--order-downloads .download-file a.button {
    background-color: #82b440 !important; /* Verde vibrante padronizado */
    color: #ffffff !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 10px 20px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    display: inline-block !important;
    transition: all 0.3s ease !important;
}

.woocommerce-table--order-downloads .download-file a.button:hover {
    background-color: #72a236 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(130, 180, 64, 0.3) !important;
}

/* Ajuste Mobile para não quebrar o layout */
@media (max-width: 767px) {
    .woocommerce-table--order-downloads, 
    .woocommerce-table--order-downloads thead, 
    .woocommerce-table--order-downloads tbody, 
    .woocommerce-table--order-downloads th, 
    .woocommerce-table--order-downloads td, 
    .woocommerce-table--order-downloads tr {
        display: block !important;
        width: 100% !important;
    }
    
    .woocommerce-table--order-downloads thead {
        display: none !important; /* Esconde o cabeçalho no mobile */
    }
    
    .woocommerce-table--order-downloads td {
        text-align: right !important;
        padding-left: 50% !important;
        position: relative !important;
        border-bottom: 1px solid #333333 !important;
    }
    
    .woocommerce-table--order-downloads td::before {
        content: attr(data-title) !important;
        position: absolute !important;
        left: 15px !important;
        width: 45% !important;
        text-align: left !important;
        font-weight: 700 !important;
        color: #ffffff !important;
    }
}
	
	/* ==========================================================================
   18. TRADUÇÃO "GAMBIARRA" DO PLACEHOLDER DA NEWSLETTER
========================================================================== */

/* 1. Esconde o texto original do placeholder (deixa ele transparente) */
.newsletter-form input[name="email"]::placeholder {
    color: transparent !important;
    opacity: 0 !important;
}

/* 2. Garante que o container do input permita posicionamento absoluto */
.newsletter-form {
    position: relative !important;
}

/* 3. Injeta o novo texto "Seu e-mail" por cima do campo */
.newsletter-form::before {
    content: "Seu e-mail" !important;
    position: absolute !important;
    left: 15px !important; /* Ajuste conforme o padding do seu tema */
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #777777 !important; /* Cor do placeholder fake */
    font-size: 14px !important;
    pointer-events: none !important; /* Faz o clique passar através do texto para o input */
    z-index: 5 !important;
    transition: all 0.2s ease;
}

/* 4. Esconde o texto fake quando o usuário clica ou digita */
.newsletter-form:focus-within::before {
    display: none !important;
}
	/* ==========================================================================
   19. TRADUÇÃO NEWSLETTER (ESTILO STYLISH-INPUT) + LIMPEZA DE ERRO
========================================================================== */

/* 1. Mata o placeholder original em inglês */
.newsletter-form .form-control::placeholder {
    color: transparent !important;
    opacity: 0 !important;
}

/* 2. Cria o container para o novo texto */
.newsletter-form .stylish-input-group {
    position: relative !important;
}

/* 3. Injeta o "Seu e-mail" por cima */
.newsletter-form .stylish-input-group::before {
    content: "Seu e-mail" !important;
    position: absolute !important;
    left: 15px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #777777 !important;
    font-size: 14px !important;
    pointer-events: none !important;
    z-index: 10 !important;
}

/* 4. Esconde o texto injetado quando o usuário clica para digitar */
.newsletter-form .stylish-input-group:focus-within::before {
    display: none !important;
    visibility: hidden !important;
}

/* 5. EXTERMINAR O ERRO "Apikey Or Listid Missing" */
/* Como você provavelmente não configurou o Mailchimp, esse erro fica poluindo o footer */
.newsletter-form .alert-danger {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    visibility: hidden !important;
}