.elementor-7 .elementor-element.elementor-element-45e95fc8{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );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 );}.elementor-7 .elementor-element.elementor-element-2d89ba2c{font-family:"Poppins", Sans-serif;font-size:17px;font-weight:300;color:#030303;}.elementor-7 .elementor-element.elementor-element-2d89ba2c a{color:#0D25CE;}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for text-editor, class: .elementor-element-2d89ba2c *//* ==========================================================================
   AUMENTAR E VALORIZAR A IMAGEM DO PRODUTO NA TABELA
   ========================================================================= */

/* 1. Alarga a coluna onde a foto fica inserida na tabela */
.woocommerce-cart table.shop_table.cart td.product-thumbnail,
.woocommerce-cart table.shop_table.cart th.product-thumbnail {
    width: 140px !important; /* Dá espaço suficiente para a foto crescer */
    text-align: center !important;
    vertical-align: middle !important;
}

/* 2. Força a miniatura da foto a expandir mantendo a proporção correta */
.woocommerce-cart table.shop_table.cart td.product-thumbnail img {
    max-width: 120px !important; /* Define o novo tamanho ampliado */
    width: 120px !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
    border-radius: 6px !important; /* Leve arredondado elegante nas bordas */
    box-shadow: 0 2px 4px rgba(0,0,0,0.08) !important; /* Suave sombra para destacar a joia */
}







/* Altera a mensagem de disponibilidade por encomenda para a cor vermelha */
.woocommerce-cart table.shop_table.cart td.product-name .backorder_notification,
.woocommerce-cart table.shop_table.cart td.product-name dl.variation {
    color: #ff0000 !important; /* Cor vermelha */
}















/* ==========================================================================
   CENTRALIZAÇÃO COMPLETA DOS ELEMENTOS DA TABELA DO CARRINHO
   ========================================================================== */

/* 1. Centraliza o botão "X" (remover produto) e sua coluna correspondente */
.woocommerce-cart table.shop_table.cart td.product-remove {
    text-align: center !important;
    vertical-align: middle !important;
}

.woocommerce-cart table.shop_table.cart td.product-remove a.remove {
    justify-content: center !important;
    margin: 0 auto !important;
}

/* 2. Centraliza todos os títulos do cabeçalho da tabela (Produto, Preço, Quantidade, Subtotal) */
.woocommerce-cart table.shop_table.cart th.product-name,
.woocommerce-cart table.shop_table.cart th.product-price,
.woocommerce-cart table.shop_table.cart th.product-quantity,
.woocommerce-cart table.shop_table.cart th.product-subtotal {
    text-align: center !important;
}

/* 3. Centraliza os valores e conteúdos das colunas Preço, Quantidade e Subtotal */
.woocommerce-cart table.shop_table.cart td.product-price,
.woocommerce-cart table.shop_table.cart td.product-quantity,
.woocommerce-cart table.shop_table.cart td.product-subtotal {
    text-align: center !important;
    vertical-align: middle !important;
}

/* Garante que o seletor ou campo numérico de quantidade também fique centralizado */
.woocommerce-cart table.shop_table.cart td.product-quantity .quantity {
    display: inline-block !important;
    margin: 0 auto !important;
}














/* Altera a cor de fundo do botão para Verde Escuro ao passar o mouse */
.woocommerce-cart .checkout-button:hover {
    background-color: #004d26 !important; /* Substitui o roxo pelo verde-escuro */
    color: #ffffff !important;             /* Garante que o texto continue branco */
}















/* Altera a cor de fundo do botão Aplicar Cupom ao passar o mouse */
.woocommerce-cart td.actions .coupon button:hover {
    background-color: #004d26 !important; /* Verde escuro */
    color: #ffffff !important;             /* Letra branca */
}

/* Altera a cor de fundo do botão Aplicar Pontos ao passar o mouse */
.woocommerce-cart td.actions .wps_wpr_apply_custom_points button:hover,
.woocommerce-cart td.actions .wps_wpr_apply_custom_points input[type="submit"]:hover {
    background-color: #004d26 !important; /* Verde escuro */
    color: #ffffff !important;             /* Letra branca */
}








/* ==========================================================================
   CORREÇÃO DE LARGURA DOS INPUTS PARA EVITAR TEXTO CORTADO
   ========================================================================== */

/* 1. Aumenta a largura dos campos para acomodar o texto inteiro */
.woocommerce-cart td.actions .coupon input[type="text"],
.woocommerce-cart td.actions .wps_wpr_apply_custom_points input[type="text"],
.woocommerce-cart td.actions .wps_wpr_apply_custom_points input[type="number"] {
    width: 220px !important; /* Largura expandida para caber "Código do cupom" */
    font-family: 'Mooli', sans-serif !important;
    font-size: 15px !important;
    text-align: center !important;
    font-weight: bold !important;
}

/* 2. Força os placeholders (frases de fundo) a respeitarem a fonte e o alinhamento sem sumir */
.woocommerce-cart td.actions .coupon input[type="text"]::placeholder,
.woocommerce-cart td.actions .wps_wpr_apply_custom_points input[type="text"]::placeholder {
    font-family: 'Mooli', sans-serif !important;
    font-size: 15px !important;
    font-weight: bold !important;
    text-align: center !important;
    opacity: 1 !important;
}
















/* ==========================================================================
   AJUSTE DE FONTE E DESTAQUE PARA OS BOTÕES E FRASE DE PONTOS
   ========================================================================== */

/* 1. Aplica a fonte Mooli nos botões Aplicar Cupom e Aplicar Pontos */
.woocommerce-cart td.actions .coupon button,
.woocommerce-cart td.actions .wps_wpr_apply_custom_points button,
.woocommerce-cart td.actions .wps_wpr_apply_custom_points input[type="submit"] {
    font-family: 'Mooli', sans-serif !important;
    font-size: 15px !important; /* Ajuste o tamanho aqui se preferir maior */
}









/* Aplica a fonte Mooli e tamanho 15px no botão Atualizar Carrinho */
.woocommerce-cart td.actions button[name="update_cart"] {
    font-family: 'Mooli', sans-serif !important;
    font-size: 15px !important; /* Define o tamanho da fonte para 15px */
}















 /* ==========================================================================
   ALTERAÇÃO EXCLUSIVA DO TEXTO DO BOTÃO DE CHECKOUT
   ========================================================================== */

/* Remove a cor azul antiga e aplica a fonte Mooli */
.woocommerce-cart .checkout-button {
    color: transparent !important; /* Esconde a cor azul antiga do texto original */
    font-family: 'Mooli', sans-serif !important;
    position: relative !important;
}

/* Injeta o novo texto amarelo e corrigido exatamente por cima */
.woocommerce-cart .checkout-button::after {
    content: "Continuar para finalização" !important; /* Texto com o 'f' minúsculo */
    color: #ffcc00 !important;                       /* Cor amarela idêntica aos outros botões */
    font-family: 'Mooli', sans-serif !important;
    font-weight: bold !important;
    font-size: 16px !important;                      /* Tamanho do texto */
    
    /* Posicionamento absoluto interno para não alterar a estrutura do botão */
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    white-space: nowrap !important;
}

/* Mantém o texto amarelo ao passar o mouse */
.woocommerce-cart .checkout-button:hover::after {
    color: #ffcc00 !important;
}



















/* Garante que o texto original permaneça invisível ao passar o mouse */
.woocommerce-cart .checkout-button:hover {
    color: transparent !important;
}

/* Força o novo texto em Mooli a ficar puramente amarelo no hover */
.woocommerce-cart .checkout-button:hover::after {
    color: #ffcc00 !important;
    background: transparent !important;
}










/* ==========================================================================
   APLICAR FONTE MOOLI E NEGRITO NOS TEXTOS E CABEÇALHOS DA TABELA
   ========================================================================== */

/* 1. Títulos de todas as colunas (Produto, Preço, Quantidade, Subtotal) */
.woocommerce-cart table.shop_table.cart th.product-name,
.woocommerce-cart table.shop_table.cart th.product-price,
.woocommerce-cart table.shop_table.cart th.product-quantity,
.woocommerce-cart table.shop_table.cart th.product-subtotal {
    font-family: 'Mooli', sans-serif !important;
    font-weight: bold !important; /* Força o negrito nos títulos */
}

/* 2. Links com os nomes dos produtos dentro da coluna Produto */
.woocommerce-cart table.shop_table.cart td.product-name a {
    font-family: 'Mooli', sans-serif !important;
    font-weight: bold !important; /* Força o negrito no nome do produto */
}

/* 3. Frase "Disponível por encomenda" */
.woocommerce-cart table.shop_table.cart td.product-name .backorder_notification,
.woocommerce-cart table.shop_table.cart td.product-name dl.variation,
.woocommerce-cart table.shop_table.cart td.product-name dl.variation * {
    font-family: 'Mooli', sans-serif !important;
    font-weight: bold !important; /* Força o negrito no aviso de encomenda */
}














/* ==========================================================================
   ALINHAMENTO VERTICAL PERFEITO DOS BOTÕES DE CUPOM E PONTOS
   ========================================================================== */

/* Força os blocos de Cupom e de Pontos a se comportarem exatamente iguais */
.woocommerce-cart td.actions .coupon,
.woocommerce-cart td.actions .wps_wpr_apply_custom_points {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important; /* Espaço exato e igual entre os campos e os botões */
    margin: 0 0 15px 0 !important; /* Margem inferior padrão para separar as linhas */
}

/* Padroniza o tamanho exato das caixas de texto (inputs) */
.woocommerce-cart td.actions .coupon input[type="text"],
.woocommerce-cart td.actions .wps_wpr_apply_custom_points input[type="text"],
.woocommerce-cart td.actions .wps_wpr_apply_custom_points input[type="number"] {
    width: 220px !important; /* Garante que os dois campos brancos tenham a mesma largura */
    max-width: 220px !important;
    height: 44px !important; /* Garante a mesma altura */
    box-sizing: border-box !important;
}

/* Padroniza o tamanho exato dos botões para que eles terminem no mesmo alinhamento */
.woocommerce-cart td.actions .coupon button,
.woocommerce-cart td.actions .wps_wpr_apply_custom_points button,
.woocommerce-cart td.actions .wps_wpr_apply_custom_points input[type="submit"] {
    width: 150px !important; /* Força uma largura idêntica para ambos os botões */
    height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
}













/* Estado Normal: Fundo preto e texto amarelo */
.woocommerce-error a.button, 
.woocommerce-info a.button, 
.woocommerce-message a.button, 
a.button.wc-backward,
.wc-block-components-notice-banner__content a.button {
    background-color: #000000 !important; /* Fundo Preto */
    color: #FFD700 !important;            /* Texto Amarelo (ajuste o tom se preferir mais claro/escuro) */
    transition: background-color 0.3s ease, color 0.3s ease; /* Efeito suave na transição */
}

/* Estado Hover: Ao passar o mouse, fundo verde escuro e texto branco */
.woocommerce-error a.button:hover, 
.woocommerce-info a.button:hover, 
.woocommerce-message a.button:hover, 
a.button.wc-backward:hover,
.wc-block-components-notice-banner__content a.button:hover {
    background-color: #004d20 !important; /* Fundo Verde Escuro */
    color: #FFFFFF !important;            /* Texto Branco */
}










/* Centraliza o texto verticalmente e horizontalmente dentro do botão */
.woocommerce-error a.button, 
.woocommerce-info a.button, 
.woocommerce-message a.button, 
a.button.wc-backward,
.wc-block-components-notice-banner__content a.button {
    display: inline-flex !important;
    align-items: center !important;    /* Centraliza na vertical */
    justify-content: center !important; /* Centraliza na horizontal */
    line-height: 1px !important;          /* Reseta a altura da linha que joga o texto para baixo */
}/* End custom CSS */