/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */



button.single_product_buy_button{
	padding: 19px 0px !important;
    border-radius: 10px !important;
	background-color: #0C426C !important;
	width: 100%;
	font-family: "Montserrat", Sans-serif;
    font-size: 18px !important;
    font-weight: bold !important;
	color: white !important;
	text-transform: uppercase;
}
/* --- CÓDIGO NOVO ADICIONADO AQUI --- */
button.single_product_buy_button:hover {
    background: #EC1C24 !important; /* <-- SUA COR HOVER */
}

.single_product_box_quantity{
	display: flex;
    background: #f7f8fa;
    align-items: center;
    padding: 8px 0px;
    border-radius: 5px;
	margin-bottom: 10px;
    justify-content: center;
}

.single_product_box_quantity button{
	border: 0;
    color: grey;
    padding: 5px 15px;
}

.single_product_box_quantity button:hover, .single_product_box_quantity button:focus{
	background: #04305E !important;
}

.single_product_box_quantity_input{
	width: 60px !important;
    text-align: center;
    padding: 0 !important;
    border: 0 !important;
    background: initial;
}

input.single_product_box_quantity_input::-webkit-outer-spin-button,
input.single_product_box_quantity_input::-webkit-inner-spin-button {
    
    -webkit-appearance: none;
    margin: 0; 
}

input.single_product_box_quantity_input[type=number] {
    -moz-appearance:textfield; 
}

/* --- ALTERAÇÃO FEITA AQUI --- */
button.single_product_add_cart_button{
    background: #454545 !important; /* <-- SUA COR NORMAL */
    padding: 23px 20px !important;
    width: 50%;
    white-space: normal;
    font-size: 14px !important;
    border-radius: 10px !important;
}

/* --- CÓDIGO NOVO ADICIONADO AQUI --- */
button.single_product_add_cart_button:hover {
    background: #EC1C24 !important; /* <-- SUA COR HOVER */
}

.single_product_whats_button{
    width: 50%;
    background-color: #049139;  
    color: white !important; 
    padding: 20px 20px !important;
    border-radius: 10px; 
    font-size: 14px; /* Fonte maior */
    font-weight: 600; /* Fonte mais grossa */
    text-align: center;  
    display: flex; /* MUDANÇA PRINCIPAL: para alinhar ícone e texto */
    align-items: center;
    justify-content: center;
    margin-bottom: 10px; 
    text-decoration: none; 
    margin: 0;
    gap: 8px; /* Agora o 'gap' vai funcionar */
    transition: background-color 0.3s ease;
}
/* --- CÓDIGO NOVO ADICIONADO AQUI --- */
.single_product_whats_button:hover {
    background: #25d266 !important; /* <-- SUA COR HOVER */
}

.single_product_quantity_buttons{
	display: flex; 
	align-items: center; 
	gap: 10px;
}

@media only screen and (max-width: 750px) {
	.single_product_quantity_buttons{
		display: initial;
	}
}



.woocommerce-notices-wrapper, .woocommerce-message, .woocommerce-order-details,.woocommerce-thankyou-order-received, .woocommerce-thankyou-order-details, .woocommerce-customer-details {
    max-width: 1140px;
    margin: 45px auto 0px auto !important;
}

.login-header-link {
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 500;
    text-decoration: none;
	color: white !important;
}

.login-header-link a{
	color: white !important;
}
	

.login-header-link i {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
		color: white;
		font-size: 25px
}




div#menu-projetos {
    border: 2px solid white;
    border-radius: 15px;
}

.elementor-widget-n-menu .e-n-menu-item:not(:last-of-type) #menu-projetos.e-n-menu-title:after{
	display: none !important;
}

div#menu-projetos:hover {
    background: white;
}

div#menu-projetos:hover .e-n-menu-title-text {
	color: #5B5A5D !important; 
}


.carousel-produtos {
    padding: 10px;
}

.carousel-produtos .swiper-slide, .carousel-produtos .ht-products.wl-filterable-products-wrap li.product-type-simple{
	border-radius: 10px;
    padding: 20px 20px 20px 20px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12);
}

.carousel-produtos .ht-products.wl-filterable-products-wrap li.product-type-simple{
	margin: 5px;
}

.carousel-produtos .woocommerce-loop-product__title{
	font-family: "Montserrat", Sans-serif;
    font-size: 16px;
    font-weight: 600;
	color: #000000;
    margin-bottom: 0px;
	padding: .5em 0;
    margin: 0;
}

.carousel-produtos .button.product_type_simple{
	color: #FFFFFF;
    background-color: #04305E;
    font-family: "Montserrat", Sans-serif;
    font-size: 16px;
    font-weight: 600;
    border-radius: 10px 10px 10px 10px;
    padding: 15px 35px 15px 35px;
    margin-top: 20px;
    display: inline-block;
    line-height: 16px;
	width: 100%;
    text-align: center;
}


.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: -30px;
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: -30px;
}



.preco-personalizado {
    line-height: 1.4;
    margin-top: 5px;
}

.preco-pix {
    font-size: 11px;
}

.preco-parcelado {
    font-size: 0.9em;
}


/*
 * ===============================================
 * CSS DEFINITIVO (v7) - (Página do Produto E Loop)
 * CORREÇÕES FINAIS:
 * 1. Removido 'display: block' do loop.
 * 2. Adicionado 'display: flex' ao loop para forçar 
 * o alinhamento lado a lado.
 * ===============================================
 */

/* O contêiner principal do preço */
.preco-personalizado-v3 {
    margin: 15px 0; 
    font-family: 'Roboto', 'Poppins', sans-serif; 
}

/*
 * ===============================================
 * PÁGINA DO PRODUTO (SINGLE) - (Está funcionando)
 * ===============================================
 */

.preco-personalizado-v3 .preco-cheio-destaque {
    display: flex;
    flex-wrap: wrap; 
    align-items: center; 
    gap: 12px; 
    line-height: 1.1;
}

/* O PREÇO "DE" (PREÇO ANTIGO) */
.preco-personalizado-v3 .preco-cheio-destaque del {
    text-decoration-color: #888; 
}
.preco-personalizado-v3 .preco-cheio-destaque del .woocommerce-Price-amount {
    font-size: 20px; 
    color: #888;
    font-weight: 400;
}
.preco-personalizado-v3 .preco-cheio-destaque del .woocommerce-Price-currencySymbol {
    font-size: 20px;
    color: #888;
}

/* O PREÇO "POR" (PROMOCIONAL / ATUAL) */
.preco-personalizado-v3 .preco-cheio-destaque ins {
     text-decoration: none !important; /* Remove sublinhado */
}
.preco-personalizado-v3 .preco-cheio-destaque ins .woocommerce-Price-amount,
.preco-personalizado-v3 .preco-cheio-destaque .woocommerce-Price-amount:not(del .woocommerce-Price-amount) {
    font-size: 36px; 
    font-weight: 700; 
    color: #26a743; /* Cor Verde */
}
.preco-personalizado-v3 .preco-cheio-destaque ins .woocommerce-Price-currencySymbol,
.preco-personalizado-v3 .preco-cheio-destaque .woocommerce-Price-amount:not(del .woocommerce-Price-amount) .woocommerce-Price-currencySymbol {
    font-size: 36px;
    font-weight: 700;
    color: #26a743; /* Cor Verde */
}


/* O BADGE DE DESCONTO (% OFF) */
.desconto-badge {
    font-size: 14px;
    font-weight: 700;
    color: #FFF;
    background-color: #26a743; 
    padding: 6px 10px;
    border-radius: 4px;
    line-height: 1;
}

/* O PARCELAMENTO (ABAIXO DO PREÇO) */
.preco-personalizado-v3 .preco-parcelado {
    font-size: 16px; 
    margin-top: 8px;
    color: #333;
    font-weight: 500;
}
.preco-personalizado-v3 .preco-parcelado .sem-juros {
    color: inherit; 
}

/*
 * ===============================================
 * PÁGINA DA LOJA (LOOP) - VERSÃO CORRIGIDA (v7)
 * ===============================================
 */

/* O bloco do preço no loop 
 * --- CORREÇÃO AQUI --- 
 */
.preco-personalizado-v3 .preco-cheio-destaque-loop {
    line-height: 1.2; 
    margin-bottom: 5px; 
    /* Adiciona flex para forçar o lado-a-lado */
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important; 
    gap: 8px !important; /* Espaço entre o "de" e o "por" */
}

/* O PREÇO "DE" (PREÇO ANTIGO) NO LOOP */
.preco-personalizado-v3 .preco-cheio-destaque-loop del {
    /* display: block !important;  <--- REMOVIDO (CAUSA DO ERRO) */
    text-decoration-color: #888 !important; 
    order: 1 !important; /* Garante que o preço antigo venha primeiro */
}
.preco-personalizado-v3 .preco-cheio-destaque-loop del .woocommerce-Price-amount {
    font-size: 14px !important; 
    color: #888 !important; 
    font-weight: 400 !important; 
}
.preco-personalizado-v3 .preco-cheio-destaque-loop del .woocommerce-Price-currencySymbol {
    font-size: 14px !important;
    color: #888 !important;
	font-weight: 400 !important;
}

/* O PREÇO "POR" (PROMOCIONAL / ATUAL) NO LOOP */
.preco-personalizado-v3 .preco-cheio-destaque-loop ins {
     text-decoration: none !important; 
     order: 2 !important; /* Garante que o preço novo venha depois */
}
.preco-personalizado-v3 .preco-cheio-destaque-loop ins .woocommerce-Price-amount,
.preco-personalizado-v3 .preco-cheio-destaque-loop .woocommerce-Price-amount:not(del .woocommerce-Price-amount) {
    font-size: 18px !important; 
    font-weight: 700 !important;    
    color: #014B7B !important; /* Cor Verde */
}
.preco-personalizado-v3 .preco-cheio-destaque-loop ins .woocommerce-Price-currencySymbol,
.preco-personalizado-v3 .preco-cheio-destaque-loop .woocommerce-Price-amount:not(del .woocommerce-Price-amount) .woocommerce-Price-currencySymbol {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #014B7B !important; /* Cor Verde */
}

/* O PARCELAMENTO (ABAIXO DO PREÇO) NO LOOP */
.preco-personalizado-v3 .preco-parcelado-loop {
    font-size: 12px !important; 
    margin-top: 5px !important;
    color: #333 !important;
    font-weight: 400 !important;
    flex-basis: 100% !important; /* Garante que o parcelamento pule a linha */
    order: 3 !important;
}
.preco-personalizado-v3 .preco-parcelado-loop .sem-juros {
    color: inherit !important; 
}