﻿/*
	Theme Name: E-Commerce Eletro
	Theme URI: https://atomdigital.com.br/
	Author: Atom Digital
	Author URI: https://atomdigital.com.br/
	Description: Loja Virtual, Woocommerce
	Version: 2024
	License: Atom Digital
	License URI: https://atomdigital.com.br/
	Tags: criação de páginas web Brasil, criação de páginas web Goiânia, desenvolvimento de sites Goiânia, desenvolvimento de sites responsivos Goiânia, web design Goiânia, otimização SEO, análise de desempenho de sites, técnicas de otimização para sites, gestão de redes sociais, estratégias de marketing nas redes sociais, produção de conteúdo para websites, loja virtual, woocommerce, loja virtual goiania
	Text Domain: Atom Digital
*/

:root{
	/* Cores */
	--color-font: #5C5C5C;
	--color-dark: #2E2E2E;
	--color-white: #ffffff;
	--color-primary: #158235;
	--color-secondary: #CB2228;
	--color-three: #;
	--color-green: #;

	--color-gray: #F1F1F1;
	--color-gray-light: #;
	--color-gray-dark: #;
	/* Cores */

	/* Background Cores */
	--bg-color-light: #;

	--bg-color-dark: #2E2E2E;

	--bg-color-gray: #F1F1F1;
	--bg-color-gray-light: #;
	--bg-color-gray-dark: #484848;
	/* Background Cores */

	/* Cores Borda */
	--color-border-01: #C5C6C7;
	--color-border-02: #2E2E2E;
	--color-border-03: #A1A1A1;
	--color-border-04: #dedede;

	--color-border-opacity01: #;

	/* Box Shadows */
	--box-shadow-01 : px px px px #;

	/* Fonts Family */
	--font-family-01: "Montserrat", sans-serif;
}
.container{
	max-width: 1440px;
}
body{
	color: var(--color-font);
	font-family: var(--font-family-01);
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

main{
	z-index: 999;
}

/*********** Start Box-shadow ***********/
.at-box-shadow-01{
}
/*********** End Box-shadow ***********/
.background-overlay {
	background-color: #22222280;
	opacity: 1;
	transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

/*********** Start Form Global ***********/
#form-global input,
#form-global textarea{
	width: 100%;
	padding: 12px;
	border: none;
	font-size: .9rem;
}
/*********** End Form Global ***********/

/*********** Start Background ***********/
.at-border-01{
	border: 1px solid var(--color-border-02);
}
.at-border-02{
	border: 1px solid var(--color-white);
}
.at-border-03{
	border: 1px solid var(--color-border-04);
}

.at-border-bottom-01{
	border-bottom: 1px solid var(--color-border-03);
}

.at-bg-primary{
	background-color: var(--color-primary);
}
.at-bg-secondary{
	background-color: var(--color-secondary);
}
.at-bg-three{
	background-color: var(--color-three)
}
.at-bg-light{
	background-color: var(--color-white);
}
.at-bg-dark{
	background-color: var(--bg-color-dark);
}

.at-bg-gray{
	background-color: var(--bg-color-gray);
}
.at-bg-gray-light{
	background-color: var(--bg-color-gray-light);
}
.at-bg-gray-dark{
	background-color: var(--bg-color-gray-dark);
}
/*********** End Background ***********/

/************* Start Colors *************/
.at-color-dark{
	color: var(--color-dark);
}
.at-color-white{
	color: var(--color-white);
}
.at-color-primary{
	color: var(--color-primary) !important;
}
.at-color-secondary{
	color: var(--color-secondary)
}
.at-color-three{
	color: var(--color-three)
}
.at-color-green{
	color: var(--color-green)
}

.at-color-gray-light{
	color: var(--color-gray-light);
}

.at-color-gray-dark{
	color: var(--color-gray-dark);
}
.at-color-gray{
	color: var(--color-gray);
}
/************* End Colors *************/

/******** Start Style Text Page ********/
.at-text-big{
	font-size: 1.25rem;
}
.at-text{
	font-size: 1rem;
}
.at-text-small{
	font-size: 0.875rem;
}
.at-text-small02{
	font-size: 0.75rem;
}
/******** End Style Text Page ********/

/******** Start Style Title Page ********/
.at-title{
	font-size: 3rem;
}

.at-title-small{

}
.at-title-meduim{
	font-size: 2.125rem;
}
.at-title-big{ 
	font-size: 3.75rem;
}

.at-subtitle{
}
.at-subtitle-small{
	font-size: 1.25rem;
}
.at-subtitle-meduim{
	font-size: 1.625rem;
}
.at-subtitle-big{
}
/******** End Style Title Page ********/

/********* Start Style Botões *********/

.at-btn-style-01{
	background-color: var(--color-secondary);
	color: var(--color-white);
	padding: 0.75rem 1.5rem;
	font-size: 1rem;
	font-weight: 600;
	display: inline-flex;
	align-items: center;
	border-radius: 8px;
	gap: .5rem;
}
.at-btn-style-01 i{
	font-size: 1.2rem;
}
.at-btn-style-01:hover{
	background-color: hsl(from var(--color-secondary) h s calc(l - 8));
}
/********* End Style Botões *********/

/********** Start Config. SwiperJS *********/
.swiper-button-next, .swiper-button-prev {
	top: inherit;
	width: 28px;
	height: 28px;
	margin-top: inherit;
	bottom: 0;
	border-radius: 50%;
	background-color: var(--color-dark);
}
.swiper-button-next:after, .swiper-button-prev:after{
	font-size: .7rem;
	color: var(--color-white);
}
/********** End Config. SwiperJS *********/

/********** Start Menu *********/
.at-header-main .navbar-nav li a{
	color: var(--color-font);
	font-size: 1rem;
	font-weight: 500;
}
.at-header-main .navbar-nav li a:hover{
	color: var(--color-primary);
}
.at-header-main .navbar-brand{
	font-size: inherit;
	padding: 0;
	margin: 0;
}
.at-header-main .navbar-toggler_close,
.at-header-main .at-header-main .navbar-toggler {
	display: none;
}
/* Estilos específicos para tablets e dispositivos com telas maiores */
@media screen and (max-width: 999px) {
	.at-header-main .navbar-overlay {
		background-color: rgba(0, 0, 0, 0.7);
		display: none;
	}
	.at-header-main .navbar-toggler {
		display: block !important;
		border: inherit;
	}
	.at-header-main .navbar-toggler:focus{
		box-shadow: inherit;
	}
	.at-header-main .navbar-toggler img{
		height: 38px;
		padding: 0;
	}
	.at-header-main .navbar-collapse {
		position: fixed;
		top: 0;
		bottom: 0;
		right: 0;
		width: 100%;
		max-width: 80%;
		height: 100%;
		background-color: var(--color-white);
		z-index: 998;
		transform: translateX(100%);
	}
	.at-header-main .navbar-collapse.show {
		transition: .5s ease-in-out;
		transform: translateX(0);
		padding: 50px;
		overflow: auto;
	}
	.at-header-main .collapse:not(.show){
		transition: .5s ease-in-out;
		display: block;
		transform: translateX(150%) !important;
	}
	.at-header-main .navbar-nav{
		width: 100%;
		display: flex;
		flex-direction: column !important;
		align-items: start;
		justify-content: center;
		row-gap: 1rem;
		text-align: left;
		padding: 0 15%;
	}
	.at-header-main .navbar-toggler_close_content{
		position: absolute;
		right: 10px;
		top: 10px;
		width: 100%;
		display: flex !important;
		justify-content: end;
		margin-bottom: 50px;
	}
	.at-header-main .navbar-toggler_close {
		display: flex;
		background-color: transparent;
		border: none;
	}
	.at-header-main .navbar-toggler_close img{
		max-height: 35px;
	}
	.at-header-main .navbar-nav li a{
		font-size: 1.5rem;
	}
}

	/* Menu Dropdown */
	.dropdown-item.active, .dropdown-item:active {
		background-color: hsl(from var(--color-secondary) h s calc(l - 8));
	}
	
/********* End Menu *********/

/********* Start Accodion *********/
#accordionFaq{
	display: flex;
	flex-direction: column;
	row-gap: 1rem;
}
#accordionFaq .accordion-item {
	border: inherit;
}
#accordionFaq .accordion-item .accordion-button {
	border-radius: 8px;
	color: var(--color-dark);
	gap: .9rem;
	font-size: 1.25rem;
	font-weight: 600;
	background-color: var(--color-gray);
}
#accordionFaq .accordion-button figure{
	display: flex;
}
#accordionFaq .accordion-button::after {
	background-image: url('assets/img/icone-drop.svg');
	display: flex;
	height: 12px;
	align-items: center;
}
#accordionFaq .accordion-button:not(.collapsed)::after{
	background-image: url('assets/img/icone-drop-top.svg');
	margin-top: -3px;
}
#accordionFaq .accordion-button:focus {
	z-index: 3;
	border-color: var(--color-border-02);
	outline: 0;
	box-shadow: inherit;
}
#accordionFaq .accordion-button:not(.collapsed) {
	color: var(--color-white);
	background-color: var(--color-dark);
	box-shadow: inherit;
}
#accordionFaq .accordion-button:not(.collapsed) img {
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
}
#accordionFaq .accordion-body{
	border-top: 0;
	padding: 1.5rem;
}
/********* End Accodion *********/

/********* Star home categories *********/

.at-categories .swiper-slide{
	height: 100%;
}

.at-category-box img{
	aspect-ratio: 1 / 1;
}

.at-category p{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

/********* End home categories *********/

/********* Start Blog *********/
.at-blog-aside ul{
	display: flex;
	flex-direction: column;
	row-gap: 1rem;
}
.at-blog-aside ul li{
	background-color: var(--color-gray);
	color: var(--color-dark);
	padding: 1rem;
	position: relative;
	border-radius: 8px;
}

.single-post .tag-blog a{
	background-color: var(--color-gray);
}
.tag-blog a{
	background-color: var(--color-gray);
	border-radius: 8px;
	padding: .5rem;
	font-size: 0.875rem;
	font-family: 500;
	color: var(--color-dark);
}


.comment-list li{
	box-shadow: 0px 1px 10px 0px #0000001F;
	padding: 1.8rem;
	border-radius: 8px;
}

.comment-list li:nth-child(even) {
	margin-left: 6rem;
}
.comment-list ol.children{
	margin-top: 2rem;
}

.navigation.pagination{
	display: flex;
	justify-content: center;
	margin-top: 1rem;
}
.navigation.pagination .nav-links{
	display: flex;
	gap: .5rem;
}
.navigation.pagination .nav-links .page-numbers{
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	font-size: 1.25rem;
	font-weight: 600;
}
.navigation.pagination .nav-links .page-numbers.current {
	background-color: var(--color-dark);
	color: var(--color-white);
}
/********* End Blog *********/

/********* Start Woocommerce *********/

.woocommerce-error, 
.woocommerce-info, 
.woocommerce-message{
	width: 100%;
	background-color: var(--color-gray);
	color: var(--color-dark);
	font-weight: 600;
	font-size: 0.75rem;
	border: inherit;
	border-radius: 8px;
	display: inline-flex;
	flex-direction: row-reverse;
	justify-content: center;
	align-items: flex-end;
	gap: .5rem;
	padding: 1rem;
	border-bottom: 3px solid var(--color-primary);
}
.woocommerce-error::after,
.woocommerce-error::before{
	content: '';
	width: 25px;
	height: 25px;
	background-image: url('assets/img/atencao.svg');
	background-repeat: no-repeat;
	background-size: 100%;
	display: block;
	position: relative;
	left: inherit;
	top: inherit;
}


.woocommerce-message{
	align-items: center;
}
.woocommerce-message::after{
	content: '';
	width: 25px;
	height: 25px;
	background-image: url('assets/img/adicionar-ao-carrinho.svg');
	background-repeat: no-repeat;
	background-size: 100%;
	display: block;
	position: relative;
	left: inherit;
	top: inherit;
}
.woocommerce-message::before{
	display: none;
}


.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button{
	background-color: var(--color-secondary);
	color: var(--color-white);
	padding: 0.75rem 0.875rem;
	font-size: 0.75rem;
	font-weight: 600;
	display: inline-flex;
	align-items: center;
	border-radius: 8px;
	gap: .5rem;
}
/*--------------- ASIDE WOOCOMERCE ---------------*/
/* start categories */
.product-categories {
	display: flex;
	flex-direction: column;
	row-gap: 1rem;
}
.product-categories .cat-item {
	background-color: var(--color-gray);
	color: var(--color-dark);
	position: relative;
	border-radius: 8px;
}
.product-categories .cat-item:hover {
	background-color: hsl(from var(--color-gray) h s calc(l - 8));
}
.product-categories .cat-item .cat-item-link {
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
	gap: 4px;
	padding: 1rem;
}
.product-categories .cat-item.current-cat{
	background-color: var(--color-dark);
	color: var(--color-white);
}
.product-categories .cat-item.current-cat:hover {
	background-color: var(--color-dark);
}
.product-categories > .cat-item .children{
	background-color: var(--color-white);
	position: relative;
	margin-top: 15px;
}
.product-categories > .cat-item .children li{
	background-color: var(--color-white);
}
.product-categories > .cat-item .children::before{
	content: '';
	width: 111%;
	height: 110%;
	background-color: var(--color-white);
	position: absolute;
	top: 0;
	left: -1rem;
}
/* end categories */

/* start top products */
.woocommerce ul.product_list_widget{
	display: flex;
	flex-direction: column;
	row-gap: 2rem;
}
.woocommerce ul.product_list_widget li{
	padding: 0px;
	position: relative;
	box-shadow: 0px 6px 10px 0px #79636824;
}
.widget-product_item{
	display: grid;
	grid-template-columns: 4fr 8fr;
}
.widget-product_item:before,
.widget-product_item:after{
	display: none !important;
}

.woocommerce ul.product_list_widget li .product-title{
	color: var(--color-dark);
	font-size: 1rem;
	font-weight: 500;
	padding: 0px;
	display: block;
}
.woocommerce ul.product_list_widget li img{
	width: 100%;
	height: 100%;
	float: none;
	margin: 0px;
	border-radius: 8px;
}
/* end top products */

/* start filter price */
.woocommerce .widget_price_filter .ui-slider .ui-slider-range{
	background-color: var(--color-primary);
	border-radius: 0;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{
	background-color: var(--color-dark);
	border-radius: 0;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
	z-index: 2;
	width: .3rem;
	height: 1rem;
	background-color: var(--color-primary);
	border-radius: 0;
	outline: 0;
	top: -0.3em;
	margin-left: 0;
}
.woocommerce .widget_price_filter .price_slider_amount .price_label{
	width: 100%;
}
.woocommerce .widget_price_filter .price_slider_amount{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-weight: 500;
	color: var(--color-dark);
}
.woocommerce .widget_price_filter .price_slider_amount .button{
	background-color: var(--color-secondary);
	color: var(--color-white);
	padding: 0.75rem 1.5rem;
	font-size: 1rem;
	font-weight: 600;
	display: inline-flex;
	align-items: center;
	border-radius: 8px;
	gap: .5rem;
}
/* end filter price */
/*--------------- ASIDE WOOCOMERCE ---------------*/

/*--------------- CONTENT WOOCOMERCE ---------------*/
/* start card produtos */
.woocommerce .woocommerce-result-count{
	font-size: 1rem;
	color: var(--color-dark);
	font-weight: 500;
}

.woocommerce-notices-wrapper{
	width: 100%;
}

.woocommerce .woocommerce-result-count,
.woocommerce-page .woocommerce-result-count,
.woocommerce .woocommerce-ordering{
	margin-bottom: 0px;
	float: none;
}
.woocommerce .woocommerce-ordering select{
	width: 100%;
	padding: .7rem 1rem;
	border-radius: 8px;
	border: 1px solid var(--color-border-02);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url(assets/img/icone-drop.svg);
	background-repeat: no-repeat;
	background-position: calc(100% - 1rem) center;
	font-size: 1rem;
	color: var(--color-dark);
	font-weight: 500;
}
.woocommerce ul.products.columns-3 li.product,
.woocommerce-page ul.products.columns-3 li.product{
	text-align: center;
	transition: .3s ease-in;
}
.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover{
	box-shadow: 0px 6px 10px 0px #79636824;

}
.woocommerce ul.products li.product figure img {
	width: 100%;
	margin: 0 0 0;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price{
	margin-top: 1rem;
	margin-bottom: 0;
	color: var(--color-dark);
	font-size: 1.25rem;
	font-weight: 700;
}
.woocommerce ul.products li.product .price{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: row-reverse;
	gap: 8px;
}
.woocommerce ul.products li.product .price del{
	font-size: 0.875rem;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3{
	color: var(--color-dark);
	font-size: 1rem;
	font-weight: 500;
	text-align: center;
}
.at-product-img{
	position: relative;
}
.at-product-img img{
	width: 100%;
	object-fit: contain;
}
#products-best .at-product-img img{
	width: 250px;
}
#products-news .at-product-img img{
	width: 250px;
}

.at-products-avaliation_cta{
	overflow: hidden;
	display: block;
}

.at-item-links {
	width: 100%;
	bottom: 20px;
	left: 0;
	transform: translateY(300%);
	transition: transform 0.3s ease;
	display: flex;
	justify-content: center;
	text-align: center;
	gap: .5rem;
}
.at-item-links .at-item-box {
	display: flex;
	justify-content: center;
}
.at-item-links .at-item-box i{
	width: 3rem;
	height: 3rem;
	background-color: var(--color-white);
	color: var(--color-dark);
	font-size: 1.3rem;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
}
.at-item-links .at-item-box i:hover{
	background-color: var(--color-secondary);
	color: var(--color-white);
}
.at-product-img:hover > div.at-item-links {
	transform: translateY(0);
}
.woocommerce ul.products li.product .cfvsw_variations_form{
	display: none;
}
/* End card produtos */

/* Start add cart button */
.added_to_cart{
	display: none !important;
}
.added-to-cart-msg {
	display: inline-block !important; /* Certifique-se de que o texto seja exibido */
	position: absolute;
	top: -25px;
	left: auto;
	right: auto;
	background-color: var(--color-primary);
	color: var(--color-white);
	font-size: .7rem;
	font-weight: 700;
	padding: .4rem !important;
	width: auto !important;
	border-radius: 4px;
}
.sale-flash .added-to-cart-msg {
	width: auto !important;
	left: 10%;
	top: -5px;
}
/* End add cart button */

/* Start star theme css */
.star-rating-theme {
	float: right;
	overflow: hidden;
	position: relative;
	height: 1em;
	line-height: 1;
	font-size: 0.857em !important;
	font-family: star;
	color: var(--color-primary);
}
.star-rating-theme::before {
	content: "sssss";
	float: left;
	top: 0;
	left: 0;
	position: absolute;
	color: var(--color-primary);
}
.star-rating-theme span {
	overflow: hidden;
	float: left;
	top: 0;
	left: 0;
	position: absolute;
	padding-top: 1.5em
}
.star-rating-theme span::before {
	content: "SSSSS";
	top: 0;
	position: absolute;
	left: 0
}
.woocommerce-product-rating-theme {
	display: flex;
	align-items: center;
	font-size: .8rem;
}
.woocommerce-product-rating-theme .star-rating-theme {
	margin: 0em 8px 0 0;
}
.products .star-rating-theme {
	display: block;
	float: none;
}
.woocommerce ul.product_list_widget .star-rating,
.woocommerce .products .star-rating{
	margin: auto;
	font-size: 0.657em !important;
}
.woocommerce ul.product_list_widget .star-rating{
	margin: inherit;
	margin: 10px 0;
}
.woocommerce ul.products li.product .star-rating{
	font-size: 1em !important;
	margin: 0;
}

.woocommerce .star-rating span::before,
.woocommerce .star-rating::before{
	color: var(--color-primary);
}
/* End star theme css */
/*--------------- CONTENT WOOCOMERCE ---------------*/

/*--------------- SINGLE WOOCOMERCE ---------------*/
.woocommerce span.onsale{
	display: none;
}

.product_galeria-grid{
	display: grid;
	grid-template-columns: 2375fr 7625fr;
	column-gap: 20px;
}

.product_carousel-thumbs{
	width: 100%;
	max-height: 600px;
}

.product_carousel-main{
	width: 100%;
	position: relative;
}
.product_carousel-main .swiper-button-next,
.product_carousel-main .swiper-button-prev{
	top: calc(50% - 14px);
	bottom: auto;
}


/* summary */
.woocommerce-page div.product div.summary{
	display: flex;
	flex-direction: column;
	row-gap: .5rem;
	width: 100%;
}
.woocommerce div.product .product_title{
	color: var(--color-dark);
	font-size: 1.75rem;
	font-weight: 500;
	border-bottom: 2px solid var(--color-secondary);
	padding: 0 0 10px;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price{
	color: var(--color-dark);
	font-size: 2.5rem;
	font-weight: 700;
	line-height: 1;
	display: flex;
	gap: 1rem;
	align-items: center;
	justify-content: start;
	flex-direction: row-reverse;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product .at-product_sale-info p.price{
	color: var(--color-white);
}

.woocommerce div.product p.price ins, .woocommerce div.product span.price ins{
	text-decoration: inherit;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price del{
	font-size: 1rem;
	font-weight: 500;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price{
	display: block;
	color: var(--color-dark);
	margin-bottom: 1rem;
	font-weight: 600;
	font-size: 2.125rem;
}
.woocommerce div.product form.cart{
	display: flex;
	align-items: center;
	justify-content: start;
	gap: .5rem;
	margin-bottom: 0;
	margin: 1rem 0;
}
.button-add-single .stock{
	display: none !important;
}
.woocommerce div.product form.cart .variations{
	margin-bottom: 0;
}
.woocommerce div.product form.variations_form{
	margin-bottom: 1rem;
	flex-direction: column;
	align-items: start;
}
.woocommerce div.product form.cart::after, .woocommerce div.product form.cart::before{
	position: absolute;
}
.woocommerce .quantity .qty{
	height: 100%;
	padding: 0.5rem 0;
	border-radius: 8px;
	border: 1px solid var(--color-border-02);
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled{
	background-color: var(--color-secondary);
	color: var(--color-white);
	padding: 0.75rem 1.5rem;
	font-size: 1rem;
	font-weight: 600;
	display: inline-flex;
	align-items: center;
	border-radius: 8px;
	gap: .5rem;

}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover{
	background-color: var(--color-secondary);
}

.product-type-variable .button-add-single{
	display: none;
}
/* summary */
/* tabs */
.woocommerce-page div.product .woocommerce-tabs{
	padding: 80px 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs{
	text-align: center;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{
	display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li{
	border: inherit;
	background-color: var(--color-white);
	border-radius: 0;
	border-bottom: 2px solid var(--color-white);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{
	border-bottom: 2px solid var(--color-dark);
	color: var(--color-dark)
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a{
	color: var(--color-dark)

}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before{
	display: none;
}
.woocommerce-tabs h2{
	color: var(--color-dark);
}
.woocommerce div.product .woocommerce-tabs .panel .woocommerce-Reviews{
	display: flex;
	flex-direction: row-reverse;
	gap: 2rem;
}

#review_form_wrapper{
	width: 100%;
	max-width: 300px;
}
#comments{
	width: 100%;
}

@media screen and (max-width: 868px) {

	.woocommerce div.product .woocommerce-tabs .panel .woocommerce-Reviews{
		flex-direction: column;
	}

	#review_form_wrapper{
		max-width: 100%;
	}
}
.woocommerce #review_form #respond p,
.woocommerce #review_form #respond .comment-reply-title{
	color: var(--color-dark);
	font-size: 1rem;
	font-weight: 500;
}
.woocommerce p.stars a{
	color: var(--color-primary);
}
.woocommerce .comment-form input,
.woocommerce .comment-form textarea{
	background-color: var(--color-gray);
	border: inherit;
	width: 100%;
	padding: 1rem;
	display: flex;
	border-radius: 8px;
}
.woocommerce .comment-form .comment-form-cookies-consent{
	display: flex;
	align-items: start;
	gap: .8rem;
	font-size: .8rem;
	font-weight: 500;
}
.woocommerce .comment-form .comment-form-cookies-consent input{
	width: 18px;
	margin-top: 5px;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit{
	background-color: var(--color-secondary);
	color: var(--color-white);
	padding: 0.75rem 1.5rem;
	font-size: 1rem;
	font-weight: 600;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border-radius: 8px;
	gap: .5rem;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta{
	color: var(--bg-color-dark);
}
.woocommerce #reviews #comments ol.commentlist li img.avatar{
	width: 75px;
	position: relative;
}
.woocommerce #reviews #comments h2{
	margin-bottom: 2rem;
	font-size: 1rem;
}
.woocommerce #reviews #comments .commentlist{
	display: flex;
	flex-direction: column;
	row-gap: 1.2rem;

	padding: 1.8rem;
}
.woocommerce #reviews #comments ol.commentlist li{
	border-radius: 8px;
	box-shadow: 0px 1px 10px 0px #0000001F;
	padding: 1.8rem;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
	margin: 0 0 0 90px;
	border: inherit;
	border-radius: 0px;
	padding: 0em 0em 0;
}
.woocommerce-page div.product div.summary .product_meta{
	font-size: 0.875rem;
	font-weight: 400;
	color: var(--color-dark);
	margin-top: 2rem;
	display: flex;
	gap: 1rem;
	align-items: flex-start;
}
.woocommerce-page div.product div.summary .product_meta a,
.woocommerce-page div.product div.summary .product_meta .sku{
	background-color: var(--color-gray);
	border-radius: 8px;
	padding: 0.5rem ;
	font-weight: 600;
	display: inline-block;
}

.related.products > h2{
	font-size: 2.125rem;
	color: var(--color-dark);
	font-weight: 600;
	margin-bottom: 40px;
}


.posted_in{
	display: flex;
	gap: 5px;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-start;
}
.posted_in span{
	display: block;
	width: 100%;
}

.tagged_as span{
	margin-bottom: 5px;
}
.tagged_as a{
	margin-bottom: 5px;
}

.sl-overlay{
	background-color: rgba(0, 0, 0, .85);
}
.sl-wrapper .sl-counter,
.sl-wrapper .sl-navigation button,
.sl-wrapper .sl-close{
	color: #fff;
}


#shipping-simulator form.cart{
	align-items: flex-end;
}

#shipping-simulator form.cart input#zipcode{
	width: 120px;
	height: auto;
	padding: 7px 10px;
	display: inline-block;
	border-radius: 4px;
	border: 1px solid #dedede;
	background-color: var(--color-gray);
}

/*--------------- SINGLE WOOCOMERCE ---------------*/

/*--------------- MY ACCOUNT WOOCOMERCE ---------------*/
.my-account{
	padding: 80px 0;
}

.my-account .u-columns h2{
	font-size: 2.125rem;
	color: var(--color-dark);
	font-weight: 600;
}
.my-account .woocommerce form.checkout_coupon,
.my-account .woocommerce form.login,
.my-account .woocommerce form.register {
	border: inherit;
	padding: 0;
	margin: 2em 0;
	text-align: left;
	border-radius: 8px;
	height: 100%;
}
.my-account .woocommerce form .form-row label{
	color: var(--color-dark);
	font-weight: 600;
	font-size: 1rem;
	margin-bottom: .2rem;
}
.woocommerce-form-register  p{
	color: var(--color-dark);
	font-size: 0.875rem;
	font-weight: 500;
	margin-bottom: .3rem;
}
.my-account .woocommerce form .form-row input.input-text,
.my-account .woocommerce form .form-row textarea{
	border: inherit;
	padding: 1rem;
	border-radius: 8px;
	background-color: var(--color-gray);
}

:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button{
	background-color: var(--color-secondary);
	color: var(--color-white);
	padding: 0.75rem 1.5rem;
	font-size: 1rem;
	font-weight: 600;
	display: inline-flex;
	align-items: center;
	border-radius: 8px;
	gap: .5rem;
}

:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:hover{
	background-color: var(--color-secondary);
	color: var(--color-white);
}
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:disabled[disabled]{
	color: var(--color-white);
}
.woocommerce-MyAccount-navigation ul{
	display: flex;
	flex-direction: column;
	row-gap: 1rem;
}

.woocommerce-MyAccount-navigation li {
	list-style-type: none;
	border: 1px solid var(--color-border-01);
	margin-bottom: -1px;
	padding: 8px 15px;
	font-size: 1rem;
	color: var(--color-dark);
	font-weight: 600;
	border-radius: 8px;
}
.woocommerce-MyAccount-navigation ul {
	padding: 0;
}
.woocommerce-MyAccount-navigation li.is-active {
	background-color: var(--color-secondary);
	color: var(--color-white);
	font-weight: 600;
	border: 1px solid var(--color-secondary);
}
.woocommerce table.shop_table thead,
.woocommerce-table--order-details thead,
.woocommerce-MyAccount-orders thead{
	background-color: var(--color-secondary);
	color: var(--color-white);
	border: 8px 8px 0 0;
}
.woocommerce-MyAccount-orders tbody tr{
	color: var(--color-dark)
}
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button{
	border-radius: 8px;
	background-color: var(--color-secondary);
	color: var(--color-white);
	font-size: 0.875rem;
}
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.butto:hover{
	background-color: var(--color-secondary);
	color: var(--color-white);

}
.woocommerce-column__title,
.woocommerce-order-details__title{
	font-size: 2.125rem;
	color: var(--color-dark);
	font-weight: 600;
	margin-bottom: 1rem;
}
.woocommerce table.shop_table{
	border-radius: 8px;
	border: 1px solid var(--color-border-01);
	overflow: hidden;
	color: var(--bg-color-dark);
}
.woocommerce .woocommerce-customer-details address{
	padding: 1rem;
	color: var(--bg-color-dark);
	border: 1px solid var(--color-border-01);
	font-weight: 600;
	border-radius: 8px;
}
.woocommerce-Addresses {
	margin-top: 1rem;
}
.woocommerce-Address-title h3{
	font-size: 1.625rem;
	color: var(--color-dark);
	font-weight: 600;
	margin-bottom: 1rem;
}
.woocommerce-account .addresses .title .edit{
	border-radius: 8px;
	background-color: var(--color-secondary);
	color: var(--color-white);
	font-size: 0.875rem;
	padding: .7rem;
}
.woocommerce-EditAccountForm legend{
	font-size: 1.625rem;
	color: var(--color-dark);
	font-weight: 600;
}
/*--------------- MY ACCOUNT WOOCOMERCE ---------------*/

/*--------------- CART WOOCOMERCE ---------------*/
.at-cart {
	padding: 5rem 0;
}
.at-cart .woocommerce{
	/*display: flex;
	gap: 2rem;*/
}
.at-cart .woocommerce .woocommerce-cart-form{
	width: 100%;
}
.woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals{
	max-width: 400px;
	width: 100%;
}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
	float: right;
	width: 100%;
}

.cart_totals h2{
	font-size: 1.625rem;
	color: var(--color-dark);
	font-weight: 600;
	margin-bottom: 1rem;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
	border-radius: 8px;
	background-color: var(--color-primary);
	color: var(--color-white);
	font-size: 0.875rem;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover{
	background-color: var(--color-primary);
}
.woocommerce-cart table.cart td.actions .coupon .input-text{
	width: 50%;
	border: inherit;
	background-color: var(--color-gray);
	padding: 12px;
	font-size: .9rem;
	border-radius: 8px;
}
@media screen and (max-width: 768px) {

	.at-cart .woocommerce{
		display: flex;
		flex-direction: column;
	}

	.woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals{
		max-width: 100%;
	}
}
/*--------------- CART WOOCOMERCE ---------------*/
.at-checkout{
	padding: 5rem 0;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea{
	border: inherit;
	padding: 1rem;
	border-radius: 8px;
	background-color: var(--color-gray);

}
.select2-container .select2-selection--single{
	display: flex;
	align-items: center;
	border: inherit;
	padding: 1.5rem .5rem;
	border-radius: 8px;
	background-color: var(--color-gray);
}
#order_review_heading,
.woocommerce-billing-fields h3,
.woocommerce-additional-fields h3{
	font-size: 1.625rem;
	color: var(--color-dark);
	font-weight: 600;
	margin-bottom: 1rem;
}
#order_review_heading{
	margin-top: 2rem;
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order{
	border-radius: 8px;
	background-color: var(--color-secondary);
	color: var(--color-white);
	font-size: 0.875rem;
}

/********* Star home benefits *********/

.at-benefits{
	margin-top: 0px;
}
.at-benefits_box img{
	height: 60px;
	display: block;
	object-fit: contain;
}
.at-benefits_box-content{
	width: calc(100% - 60px - 1rem);
}


/*** at-whatsapp_btn ***/

.at-whatsapp_btn a{
	position: fixed;
	right: 20px;
	bottom: 20px;
	height: 60px;
	width: 60px;
	color: #fff;
	font-size: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background-color: #4dc247;
	z-index: 99;
}

.at-whatsapp_btn img{
	height: 35px;
	filter: grayscale(1) brightness(5);
}

.at-whatsapp_btn a:before{
	content: '';
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 100%;
	z-index: -1;
	border-radius: 50%;
	background-color: rgba(77, 194, 71,.7);
	animation: whatsapp 2s infinite 2s alternate;
}

@keyframes whatsapp{
	from{
		opacity: .3;
		transform: scale(1);
		box-shadow: 0px 0px 0px #4dc247;
	}
	to{
		opacity: .7;
		transform: scale(1.25);
		box-shadow: 0px 0px 20px #4dc247;
	}
}

/*** at-whatsapp_btn ***/

/*** at-eficiencia ***/

.at-eficiencia-item{
	border-radius: 12px;
}
.at-eficiencia-item p{margin-bottom: 12px;}
.at-eficiencia-item ul li{
	padding-left: 20px;
	position: relative;
	margin-bottom: 12px;
}
.at-eficiencia-item ul li:before{
	content: '';
	display: block;
	position: absolute;
	height: 8px;
	width: 8px;
	top: 7px;
	left: 0px;
	border-radius: 50%;
	background-color: var(--color-primary);
}


