/*
Theme Name: Hello Elementor Child
Template: hello-elementor
*/

.woocommerce div.product div.images img{
	margin-bottom: 3px;
	border: 2px solid #333;
	border-radius: 15px;
	
}

/* Use o ID do corpo ou o encadeamento abaixo */
.woocommerce div.product .summary h1.product_title.entry-title {
    color: #2da09c !important; /* Cor que você deseja */
    font-family: 'Arial', sans-serif !important; /* Exemplo de troca de fonte */
    font-size: 36px !important;
}


/* 1. PREÇO (VALOR ATUAL / "POR") */
.woocommerce div.product p.price ins .woocommerce-Price-amount,
.woocommerce div.product p.price > .amount {
    color: #317fb5 !important; /* Amarelo/Dourado do seu logo */
    font-size: 28px !important;
    font-weight: 700 !important;
}

/* 2. PREÇO ANTIGO (RISCADO / "DE") */
.woocommerce div.product p.price del .woocommerce-Price-amount {
    color: #999 !important;
    font-size: 18px !important;
    font-weight: 400 !important;
}

.woocommerce div.product form.cart {
	display: flex;
	gap: 5px;
}

/* 3. BOTÃO ADICIONAR AO CARRINHO */
.woocommerce div.product form.cart .button.single_add_to_cart_button {
    background-color: #1e87f0 !important; /* Roxo */
    color: #ffffff !important;
    border-radius: 4px !important;
    padding: 12px 30px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    transition: all 0.3s ease !important;
}

.woocommerce div.product form.cart .button.single_add_to_cart_button:hover {
    background-color: #195795 !important; /* Roxo mais escuro no hover */
}

/* 4. CAMPO DE QUANTIDADE */
.woocommerce div.product form.cart .quantity input.qty {
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    padding: 10px !important;
    color: #333 !important;
}

/* 5. METADADOS (CATEGORIA) */
.woocommerce div.product .product_meta .posted_in {
    font-size: 14px !important;
    color: #666 !important;
}

.woocommerce div.product .product_meta .posted_in a {
    color: #2da09c !important; /* Verde do logo */
    text-decoration: none !important;
}

/* 6. ABAS (DESCRIÇÃO E AVALIAÇÕES) */
.woocommerce-tabs ul.tabs li a {
    color: #666 !important;
    font-weight: 600 !important;
}

.woocommerce-tabs ul.tabs li.active a {
    color: #2da09c !important; /* Cor ativa */
}

/* 7. BADGE DE OFERTA (O círculo "Oferta!") */
.woocommerce span.onsale {
    background-color: #fc2020 !important;
	top: 3px; !important;
	left: 3px !important;
    color: white !important;
    padding: 8px !important;
    font-weight: bold !important;
}


.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
	top: 5px; !important
}


.woocommerce ul.products li.product .onsale {
	margin: 0 0 0 0 !important;
	right: auto;
	
}

.woocommerce ul.products li.product .button {
	background-color: #1e87f0 !important;
    color: #ffffff !important;
    border-radius: 4px !important;
    font-weight: 600 !important;
	font-size: 14px;
    text-transform: uppercase !important;
    transition: all 0.3s ease !important;
}

.woocommerce ul.products li.product .button:hover {
	 background-color: #195795 !important;
}

.woocommerce ul.products li.product a img {
/* 	border: 1px solid royalblue; */
	border-radius: 4px; 
}


.woocommerce ul.products li.product a.woocommerce-loop-product__link span.price {
	color: #317fb5 !important; 
}

.joinchat {
	z-index: 100 !important;
}



/* Força a imagem a aparecer e define um tamanho adequado */
/* .wc-block-cart-item__image, 
.wc-block-cart-items td.wc-block-cart-item__image {
    display: table-cell !important;
    visibility: visible !important;
    width: 80px !important;
}

.wc-block-cart-item__image img {
    display: block !important;
    width: 80px !important;
    height: auto !important;
    border-radius: 4px;
}
 */

/* Botão Finalizar Compra (Sistema de Blocos) */
.wc-block-cart__submit-button {
    background-color: #1e87f0 !important;
    color: #ffffff !important;
}

.wc-block-cart__submit-button div.wc-block-components-button__text{
	text-decoration: none !important;
    color: #ffffff !important;
    font-weight: bold !important;
}

.wc-block-cart__submit-button:hover {
    background-color: #195795 !important;
}

/* .products {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(850px, 4fr));
    gap: 25px;
} */

/* Só afeta listagens principais (loja, categoria, busca) */
.woocommerce.archive ul.products,
.woocommerce-page ul.products {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 24px;
    padding: 0;
    margin: 0;
}

/* Remove o float antigo do Woo */
.woocommerce.archive ul.products li.product,
.woocommerce-page ul.products li.product {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;

    display: flex;
    flex-direction: column;
    height: 100%;
}

/* Faz o link interno não quebrar o layout */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* Padroniza alturas */
.woocommerce ul.products .woocommerce-loop-product__title {
    min-height: 48px;
}

.woocommerce ul.products .price {
    min-height: 40px;
}

/* Botão sempre alinhado embaixo */
.woocommerce ul.products .button {
    margin-top: auto;
}

.woocommerce ul.products li.product {
    border-radius: 12px;
    overflow: hidden;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.woocommerce ul.products li.product:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0,0,0,0.08);
}

.woocommerce.archive ul.products {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Remove qualquer espaço fantasma */
.woocommerce.archive ul.products::before,
.woocommerce.archive ul.products::after {
    display: none !important;
    content: none !important;
}

.woocommerce.archive ul.products {
    margin-bottom: 60px;
}

@media (max-width: 768px) {
    .woocommerce.archive ul.products {
        grid-template-columns: repeat(2, minmax(140px, 1fr));
    }
}
/* ajuste da barra de pesquisa */


/* Responsividade */
@media (max-width: 768px) {
    .woocommerce div.product form.cart .button.single_add_to_cart_button {
		width: 75%;
		font-size: 11px;
		padding: 0px 0px !important;
	}

}