/* Oculta as setas padrão do campo de número para Chrome, Safari, Edge, Opera */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/* Oculta as setas padrão do campo de número para Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}

/* Estilo para o contêiner do campo de quantidade personalizado */
.custom-quantity-input {
    display: flex; /* Usa flexbox para alinhar os itens horizontalmente */
    align-items: center; /* Centraliza verticalmente */
    width: fit-content; /* Ajusta a largura ao conteúdo */
    margin-bottom: 15px; /* Espaço abaixo do campo de quantidade */
    gap: 3px; /* Adiciona 3px de espaço entre os itens flex */
    /* Removido border-radius e overflow: hidden daqui, pois cada elemento terá sua própria borda */
}

/* Estilo para o campo de entrada de quantidade */
.custom-quantity-input .qty {
    border: 1px solid #642ffd; /* Borda roxa de 1px */
    border-radius: 5px; /* Cantos arredondados (mantido para o input) */
    text-align: center !important; /* Centraliza o número (horizontal e vertical) */
    padding: 8px 5px; /* Espaçamento interno */
    width: 60px; /* Largura do campo de quantidade */
    height: auto; /* Altura flexível */
    box-shadow: none; /* Remove qualquer sombra padrão */
    background-color: transparent; /* Fundo transparente */
    -webkit-appearance: none; /* Remove estilo padrão do navegador */
    -moz-appearance: textfield; /* Remove estilo padrão do Firefox */
}

/* Estilo para os botões de mais e menos */
.custom-quantity-input .minus,
.custom-quantity-input .plus {
    background-color: white; /* Fundo branco */
    color: #642ffd; /* Texto roxo */
    border: 1px solid #642ffd; /* Borda roxa de 1px */
    border-radius: 0; /* ALTERADO: Cantos quadrados para os botões */
    font-size: 1.2em; /* Tamanho da fonte */
    font-weight: bold;
    padding: 8px 12px; /* Espaçamento interno */
    cursor: pointer; /* Cursor de ponteiro ao passar o mouse */
    user-select: none; /* Previne seleção de texto */
    transition: background-color 0.2s ease, color 0.2s ease; /* Transição suave */
    flex-shrink: 0; /* Impede que os botões encolham */
}

/* Efeito hover para os botões */
.custom-quantity-input .minus:hover,
.custom-quantity-input .plus:hover {
    background-color: #642ffd; /* Fundo roxo no hover */
    color: white; /* Texto branco no hover (já estava assim, mas reforçando) */
}

/* Ajustes para garantir que o input de quantidade do WooCommerce seja estilizado corretamente no carrinho/checkout */
.woocommerce-cart table.shop_table .quantity .qty,
.woocommerce-checkout table.shop_table .quantity .qty {
    width: 60px; /* Garante largura consistente */
}

/* Centraliza o texto do número no carrinho especificamente, se houver problemas */
.woocommerce-cart .quantity .qty {
    text-align: center !important;
}

/* START remover quantidades e preços
/* Oculta as setas padrão do campo de número para Chrome, Safari, Edge, Opera */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/* Oculta as setas padrão do campo de número para Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}

/* Estilo para o contêiner do campo de quantidade personalizado */
.custom-quantity-input {
    display: flex; /* Usa flexbox para alinhar os itens horizontalmente */
    align-items: center; /* Centraliza verticalmente */
    width: fit-content; /* Ajusta a largura ao conteúdo */
    margin-bottom: 15px; /* Espaço abaixo do campo de quantidade */
    gap: 3px; /* Adiciona 3px de espaço entre os itens flex */
}

/* Estilo para o campo de entrada de quantidade */
.custom-quantity-input .qty {
    border: 1px solid #642ffd; /* Borda roxa de 1px */
    border-radius: 5px; /* Cantos arredondados (mantido para o input) */
    text-align: center !important; /* Centraliza o número (horizontal e vertical) */
    padding: 8px 5px; /* Espaçamento interno */
    width: 60px; /* Largura do campo de quantidade */
    height: auto; /* Altura flexível */
    box-shadow: none; /* Remove qualquer sombra padrão */
    background-color: transparent; /* Fundo transparente */
    -webkit-appearance: none; /* Remove estilo padrão do navegador */
    -moz-appearance: textfield; /* Remove estilo padrão do Firefox */
}

/* Estilo para os botões de mais e menos */
.custom-quantity-input .minus,
.custom-quantity-input .plus {
    background-color: white; /* Fundo branco */
    color: #642ffd; /* Texto roxo */
    border: 1px solid #642ffd; /* Borda roxa de 1px */
    border-radius: 0; /* Cantos quadrados para os botões */
    font-size: 1.2em; /* Tamanho da fonte */
    font-weight: bold;
    padding: 8px 12px; /* Espaçamento interno */
    cursor: pointer; /* Cursor de ponteiro ao passar o mouse */
    user-select: none; /* Previne seleção de texto */
    transition: background-color 0.2s ease, color 0.2s ease; /* Transição suave */
    flex-shrink: 0; /* Impede que os botões encolham */
}

/* Efeito hover para os botões */
.custom-quantity-input .minus:hover,
.custom-quantity-input .plus:hover {
    background-color: #642ffd; /* Fundo roxo no hover */
    color: white; /* Texto branco no hover */
}

/* Ajustes para garantir que o input de quantidade do WooCommerce seja estilizado corretamente no carrinho/checkout */
.woocommerce-cart table.shop_table .quantity .qty,
.woocommerce-checkout table.shop_table .quantity .qty {
    width: 60px; /* Garante largura consistente */
}

/* Centraliza o texto do número no carrinho especificamente, se houver problemas */
.woocommerce-cart .quantity .qty {
    text-align: center !important;
}

/* --- CSS para a página de agradecimento (thank you page) --- */

/* Oculta a primeira mensagem verde do WhatsApp na página de agradecimento se houver duplicação */
/* (Verifique se o plugin não tem uma opção para desativar a versão em inglês primeiro) */
.woocommerce-order-received .woocommerce-message:nth-of-type(1) {
    /* display: none !important; */ /* Descomente esta linha se a mensagem em inglês duplicada persistir */
}

/* Oculta o preço do produto na tabela de detalhes do pedido */
.woocommerce-order-details .woocommerce-table__product-total {
    display: none !important;
}

/* Oculta a coluna 'Total' no cabeçalho da tabela de detalhes do pedido */
.woocommerce-order-details .woocommerce-table__product-table th.product-total {
    display: none !important;
}

/* Oculta a linha "Total" na visão geral do pedido (se o filtro PHP não for suficiente) */
.woocommerce-order-overview__total {
    display: none !important;
}

/* Oculta a linha "Método de pagamento" na visão geral do pedido (se o filtro PHP não for suficiente) */
.woocommerce-order-overview__payment-method {
    display: none !important;
}

/* Oculta a linha "Ações" (Pagar/Cancelar) na tabela de detalhes do pedido */
/* Este seletor foi ajustado para evitar o erro do :has() */
.woocommerce-order-details .woocommerce-table--order-details tfoot th.order-actions--heading,
.woocommerce-order-details .woocommerce-table--order-details tfoot th.order-actions--heading + td {
    display: none !important;
}

/* Oculta a linha "Método de pagamento" no rodapé da tabela de detalhes