/*
	Theme Name: ABS Tema
	Theme URI: https://faleagencia.digital
	Description: Tema personalizado baseado no Hello Elementor, desenvolvido especialmente para ABS Global. Tema leve, minimalista e otimizado para trabalhar perfeitamente com o Elementor. Ideal para criar sites modernos e responsivos com total flexibilidade de design.
	Author: Fale Agência Digital
	Author URI: https://faleagencia.digital
	Template: hello-elementor
	Version: 1.0.0
	Requires at least: 6.0
	Tested up to: 6.9
	Requires PHP: 7.4
	License: GNU General Public License v3 or later
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: abs-tema
	Tags: accessibility-ready, flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready, elementor
*/

/* 
 * ABS Tema - Child Theme do Hello Elementor
 * Desenvolvido por: Fale Agência Digital
 * https://faleagencia.digital
 */

/* Importa os estilos do tema pai */
@import url('../hello-elementor/style.css');


/* Aplica o fundo cinza e a mistura à imagem do produto */
.woocommerce-product-gallery__wrapper img, .produto a img{
    background-color: #F5F4F9; /* Escolha o tom de cinza aqui */
    mix-blend-mode: multiply;
    display: block; /* Evita espaços extras na base */
}

/* Garante que o container da imagem tenha o mesmo fundo para não haver quebras */
.woocommerce-product-gallery__image, .produto a, .woocommerce ul.products li.product a img {
    background-color: #F5F4F9;
	border-radius: 20px;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price
.woocommerce ul.products li.product img,
.single-product .woocommerce-product-gallery__wrapper img {
    background:none !important;

}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price,.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
    color: #d02d4c;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 6px !important;
}
.woocommerce .quantity .qty {
    border-color: #E7E6EF;
    border-radius: 20px;
    padding: .618em 1em;
    width: 100px;
}
.woocommerce div.product form.cart .button, .woocommerce #review_form #respond .form-submit input, .woocommerce ul.products li.product .button {
    background: #50B34B;
    border-radius: 20px;
    color:#fff;
    font-size: 1rem;
    line-height: 1.5;
}
.detalhes b{
	font-weight: 600;
}
.woocommerce div.product .woocommerce-tabs ul.tabs  {
    padding: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border: none;
    background: none;
    border-radius:0;
    font-size: 28px;
    margin: 0;
    padding: 0 1em 0 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    color: #9DA0AE;

}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    background: none;
    color: #101750;
    border: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce-Tabs-panel--description h2, .woocommerce-Reviews h2{
    display: none;
}

/* Swiper/Elementor: paginação em retângulos arredondados */
.swiper-pagination-bullet {
    width: 24px !important;
	height: 4px !important;
    border-radius: 6px !important;
}

/* Parcelamento - texto leve para vitrine */
.abs-parcelamento {
    color: #8A8FB9;
    font-size: 13px;
}
.woocommerce .price{
    margin: 0;
    line-height: 1;
}


/* Categorias Woo (Elementor): remover contagem */
.woocommerce .product-category .count {
    display: none !important;
}

/* Categorias Woo (Elementor): borda descolada no hover */
.woocommerce .product-category a {
    position: relative;
    display: inline-block;
}

@media (min-width: 1200px) {
    .page-header .entry-title, .site-footer .footer-inner, .site-footer:not(.dynamic-footer), .site-header .header-inner, .site-header:not(.dynamic-header), body:not([class*=elementor-page-]) .site-main {
        max-width: 1280px;
        padding: 10px;
    }
}


/* Single product: miniaturas na lateral */
.single-product .woocommerce-product-gallery {
    display: flex;
    flex-direction: row;
    gap: 16px;
}

.single-product .woocommerce-product-gallery .flex-viewport {
    order: 2;
}

.single-product .woocommerce-product-gallery .flex-control-nav {
    order: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 0;
    padding: 0;
    width: 90px;
}

.single-product .woocommerce-product-gallery .flex-control-nav li {
    margin: 0;
}

.single-product .woocommerce-product-gallery .flex-control-nav img {
    border-radius: 12px;
}

/* Single produto: thumbnails maiores e sem borda sobrando */


.single-product .woocommerce-product-gallery__image,
.single-product .woocommerce-product-gallery__wrapper img {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.single-product .woocommerce-product-gallery__image {
    overflow: hidden;
}
.woocommerce .woocommerce-breadcrumb{
    margin: 0;
}
/* Single produto: remover fundo/borda extra e aumentar thumbs */
.single-product .woocommerce-product-gallery__wrapper img {
    background-color: transparent !important;
    mix-blend-mode: normal !important;
}

.single-product .woocommerce-product-gallery__image {
    background-color: transparent !important;
}

.single-product .woocommerce-product-gallery .flex-control-nav {
    width: 130px;
}

.single-product .woocommerce-product-gallery .flex-control-nav img {
    width: 110px;
    height: 110px;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price
/* Produtos: fundo cinza nas imagens (vitrine e single) */
.woocommerce ul.products li.product img,
.single-product .woocommerce-product-gallery__wrapper img {
    background-color: #F5F4F9;
    mix-blend-mode: multiply;
    display: block;
}

.single-product .woocommerce-product-gallery__image {
    background-color: #F5F4F9;
}

/* Single produto: layout 2 colunas (galeria + resumo) */
.single-product div.product {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.single-product div.product .woocommerce-product-gallery,
.single-product div.product .summary {
    width: calc(50% - 15px);
}

/* Ajuste interno da galeria: thumbs 35% + imagem 65% */
.single-product .woocommerce-product-gallery {
    display: flex;
    gap: 16px;
}
.woocommerce div.product div.images .flex-control-thumbs li {
    width: 100%;
}

.single-product .woocommerce-tabs {
    width: 100%;
    flex-basis: 100%;
}

.single-product .woocommerce-product-gallery .flex-control-nav {
    width: 35%;
    max-width: 140px;
}

.single-product .woocommerce-product-gallery .flex-viewport {
    width: 65%;
    flex: 1 1 auto;
}

@media (max-width: 1024px) {
    .single-product div.product .woocommerce-product-gallery,
    .single-product div.product .summary {
        width: 100%;
    }

    .single-product .woocommerce-product-gallery {
        flex-direction: column;
    }

    .single-product .woocommerce-product-gallery .flex-control-nav,
    .single-product .woocommerce-product-gallery .flex-viewport {
        width: 100%;
        max-width: 100%;
    }
}
.elementor-572 .elementor-element.elementor-element-a454824 a img{
    border-radius: 100% !important;
}

.woocommerce #review_form #respond textarea{
    border-color: #E7E6EF;
    border-radius: 20px;
}

.related h2, .products h2{
    color:#101750;
    font-size: 28px;
    font-weight:700;
}
.woocommerce ul.products li.product .button{
    display: none;
    visibility: 0;
}
/* .woocommerce ul.products li.product, .woocommerce-page ul.products li.product:hover .button{
    display: inline-block !important;
    visibility: 1 !important;
} */
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price {
    font-size: 28px;
    font-weight: 700;
    color: #d02d4c;
}

.abs-single-installments {
    margin-top: -6px;
    margin-bottom: 18px;
}

.abs-loop-installments {
    margin-top: 4px;
    margin-bottom: 14px;
}

/* Parcelamento no loop/relacionados: manter tudo em linha */
.abs-loop-installments .abs-parcelamento,
.related .abs-parcelamento,
.upsells .abs-parcelamento,
.woocommerce ul.products li.product .abs-parcelamento {
    display: inline-block;
    white-space: nowrap;
    line-height: 1.25;
}

.abs-loop-installments .abs-parcelamento span,
.related .abs-parcelamento span,
.upsells .abs-parcelamento span,
.woocommerce ul.products li.product .abs-parcelamento span,
.abs-loop-installments .abs-parcelamento strong,
.related .abs-parcelamento strong,
.upsells .abs-parcelamento strong,
.woocommerce ul.products li.product .abs-parcelamento strong {
    display: inline;
}