.elementor-25 .elementor-element.elementor-element-7381328{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-25 .elementor-element.elementor-element-262cdb9 .woocommerce .wc-proceed-to-checkout .checkout-button{background-color:var( --e-global-color-864409e );}.elementor-25 .elementor-element.elementor-element-262cdb9 .e-cart-section{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.13);}.elementor-25 .elementor-element.elementor-element-262cdb9 .cart_totals h2{font-family:"Montserrat", Sans-serif;}.elementor-25 .elementor-element.elementor-element-262cdb9 .e-cart-content, .elementor-25 .elementor-element.elementor-element-262cdb9 .woocommerce-shipping-destination, .elementor-25 .elementor-element.elementor-element-262cdb9 .shipping-calculator-button{font-family:"Montserrat", Sans-serif;}.elementor-25 .elementor-element.elementor-element-262cdb9 #shipping_method li label{font-family:"Montserrat", Sans-serif;}.elementor-25 .elementor-element.elementor-element-262cdb9 .coupon .input-text, .elementor-25 .elementor-element.elementor-element-262cdb9 .cart-collaterals .input-text, .elementor-25 .elementor-element.elementor-element-262cdb9 select, .elementor-25 .elementor-element.elementor-element-262cdb9 .select2-selection--single{font-family:"Montserrat", Sans-serif;}.elementor-25 .elementor-element.elementor-element-262cdb9 .shop_table .button{font-family:"Montserrat", Sans-serif;}.elementor-25 .elementor-element.elementor-element-262cdb9 .woocommerce-cart-form{--order-summary-title-color:#000000;}.elementor-25 .elementor-element.elementor-element-262cdb9 .e-shop-table .cart th, .elementor-25 .elementor-element.elementor-element-262cdb9 .e-shop-table .cart td:before{font-family:"Montserrat", Sans-serif;}.elementor-25 .elementor-element.elementor-element-262cdb9{--order-summary-color:#35DD34;--totals-color:#000000;}.elementor-25 .elementor-element.elementor-element-262cdb9 .cart td span, .elementor-25 .elementor-element.elementor-element-262cdb9 .cart td, .elementor-25 .elementor-element.elementor-element-262cdb9 .input-text.qty{font-family:"Montserrat", Sans-serif;font-weight:600;}.elementor-25 .elementor-element.elementor-element-262cdb9 .cart_totals .shop_table td:before, .elementor-25 .elementor-element.elementor-element-262cdb9 .cart_totals .shop_table td .woocommerce-Price-amount{font-family:"Montserrat", Sans-serif;font-size:13px;}.elementor-25 .elementor-element.elementor-element-262cdb9 .checkout-button{font-family:"Montserrat", Sans-serif;}@media(max-width:767px){.elementor-25 .elementor-element.elementor-element-7381328{--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-25 .elementor-element.elementor-element-262cdb9{--sections-title-spacing:0px;}}/* Start custom CSS for woocommerce-cart, class: .elementor-element-262cdb9 *//* Garante que o container de quantidade use flexbox para alinhamento */
.woocommerce .quantity {
    display: flex;
    align-items: center;
    overflow: hidden; /* Garante que os cantos arredondados fiquem limpos */
    border: px solid #ccc; /* Adiciona uma borda geral ao redor do grupo */
    border-radius: 4px; /* Arredonda os cantos do container */
    max-width: 120px; /* Define uma largura máxima para o grupo (ajuste se necessário) */
}

/* Estilo para os botões de mais e menos */
.woocommerce .quantity .minus,
.woocommerce .quantity .plus {
    /* Remove a borda original dos botões */
    border: none;
    /* Alinha o texto/símbolo e define a cor */
    color: #333;
    font-size: 18px;
    padding: 8px 12px;
    line-height: 1;
    background-color: #f7f7f7;
    cursor: pointer;
    box-shadow: none;
    transition: background-color 0.2s;
    flex-shrink: 0; /* Evita que o botão encolha */
}

/* Efeito ao passar o mouse nos botões */
.woocommerce .quantity .minus:hover,
.woocommerce .quantity .plus:hover {
    background-color: #eee;
}

/* Estilo para o campo de input (o número) */
.woocommerce .quantity .input-text.qty {
    /* Remove bordas e foco padrão */
    border: none !important;
    outline: none !important;
    /* Alinhamento e tamanho */
    text-align: center;
    max-width: 55px; /* Largura para o campo de número */
    padding: 8px 0;
    margin: 0;
    line-height: 1.2;
    background-color: #fff;
    
}












/* ========================================================== */
/* 🔑 CÓDIGO FINAL E COMPLETO (Força Máxima em Carrinhos Mobile) */
/* Este código aplica o alinhamento e a estética em QUALQUER widget de carrinho/mini-carrinho em telas pequenas. */
/* ========================================================== */

@media (max-width: 767px) {
    
    /* 1. SELETOR GENÉRICO DO MINI-CARRINHO E DO CARRINHO PRINCIPAL NO MOBILE */
    /* Apontamos para todas as tabelas de carrinho que possam estar visíveis */
    .woocommerce-mini-cart, 
    .woocommerce .cart {
        
        /* Força todas as células do carrinho a terem a estrutura RÓTULO ESQUERDA | VALOR DIREITA */
        .cart_item td, 
        .product-item td,
        td {
            display: flex !important; 
            justify-content: space-between !important;
            align-items: center !important;
            width: 100% !important;
            padding: 10px 0 !important;
            box-sizing: border-box !important;
            border-top: 1px solid #eee !important; /* Adiciona linha separadora para clareza */
        }
        
        /* --- ESTILOS VISUAIS PARA OS RÓTULOS (Os nomes "Produto:", "Preço:", etc.) --- */
        
        /* Limpa o rótulo original */
        td::before {
            content: " " !important;
            font-weight: bold !important;
            margin-right: 10px !important;
            flex-shrink: 0 !important;
            display: block !important;
        }

        /* Aplica os rótulos corretos */
        td.product-name::before { content: "Produto: " !important; }
        td.product-price::before { content: "Preço: " !important; }
        td.product-quantity::before { content: "Quantidade: " !important; }
        td.product-subtotal::before { content: "Subtotal: " !important; }
        
        /* Esconde os cabeçalhos da tabela no mobile */
        th { display: none !important; }


        /* --- CORREÇÕES DE CONTEÚDO (Alinhamento à Direita) --- */
        
        /* Alinhamento do nome do produto */
        td.product-name a {
            text-align: right !important; 
            max-width: 60% !important;
        }

        /* Alinhamento dos Valores (Preço e Subtotal) */
        td.product-price,
        td.product-subtotal {
            text-align: right !important;
        }

        /* 3. ALINHAMENTO E ESTÉTICA DO CAMPO DE QUANTIDADE (Classes do Plugin) */
        /* Garante que o bloco de botões [ - 3 + ] fique alinhado à direita do rótulo "Quantidade" */
        .qib-button-wrapper {
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            margin: 0 !important;
            border: 1px solid #0073e6 !important;
            border-radius: 4px !important; 
            max-width: 130px !important;
            flex-shrink: 0 !important; 
        }
        .qib-button-wrapper .quantity input.input-text.qty.text {
            text-align: center !important;
            max-width: 45px !important; 
            width: 45px !important; 
            padding: 8px 0 !important;
            border: none !important;
        }
        .qib-button-wrapper button.qib-button {
            padding: 8px 10px !important; 
            background-color: #e6f2ff !important;
            border: none !important;
            color: #0073e6 !important;
        }

    } /* Fim dos seletores genéricos */

} /* Fim do Media Query *//* End custom CSS */