/* AJAX SEARCH PRO */

.added_to_cart.wc-forward {
	display: none !important;
}

/* Grelha info produto */
.asp_content .product-info {
	display: flex;
	justify-content: space-between !important;
	align-items: center !important;
	margin-top: 4px !important;
}
.asp_content .vendor-cart-info {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 10px !important;

}

/* Título do produto */
div.asp_content p a.asp_res_url, div.asp_content p span.product-price {
	font-size: 16px !important;
	color: black !important;
	font-family: quicksand !important;
	font-weight: 300;	
	margin-left: -30px !important;
	margin-top: -3px !important;
	padding-bottom: 1px !important;
	max-width: 17.5ch; 
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Comprimento titulo para produtos com promoção */
.item.on-sale div.asp_content p a.asp_res_url {
    max-width: 14.5ch;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
	margin-top: -12px !important;
}

/* Comprimento título quando o produto tem dois preços (produto variável) */
div.asp_content:has(.product-price span + span) p a.asp_res_url {
	margin-top: -12px !important;
	max-width: 10ch;
}

/* Preço do produto */
div.asp_content div.product-price {
	margin-top: -2px !important;
}
.asp_content .product-info .product-price bdi {
		font-family: quicksand !important;  
	font-weight: 100 !important;	
	font-size: 16px !important;
	color: black !important;
	margin-left: -7px !important;
}
.asp_content .product-info .product-price span.woocommerce-Price-amount,
.asp_content .product-info .product-price span.woocommerce-Price-currencySymbol {
    font-size: 16px !important;
}

/* Preço do produto c/ promo */
div.asp_content .product-price {
	display: flex;
	justify-content: space-between !important;
	align-items: center !important;
}
/* preço riscado */
.asp_content .product-info .product-price del {
	position: relative;
	top: -4.1px;
	right: 14px;
}
.asp_content .product-info .product-price del bdi {
    font-size: 13px !important; 
}
.asp_content .product-info .product-price del span.woocommerce-Price-currencySymbol {
    font-size: 13px !important; 
}

/* preço normal */
.asp_content .product-info .product-price ins {
    display: block;
    position: relative;
    top: -4px;
}

/* simbolo entre preços */
.asp_content .product-price ins::before {
    content: none !important;
}

/* Produto variavel: nome */
.asp_r_product:has(.product-price span + span) .product-info p {
  margin-top: 10px !important;
}

/* Produto variavel: preço */
.asp_r_product:has(.product-price span + span) .product-price {
  display: flex;
  gap: 5px;
  flex-wrap: nowrap;
  align-items: center;
}
.asp_r_product:has(.product-price span + span) .product-price span:last-of-type bdi {
  margin-left: 1px !important;
}

/* Produto variavel: vendor */
.asp_r_product:has(.product-price span + span) .vendor-name {
  margin-top: 12px;
}

/* Nome do vendedor */
.asp_content .vendor-cart-info .vendor-name a {
	font-family: quicksand !important;	
	font-weight: 600 !important;
	font-size: 14px !important;
}
.asp_content div.vendor-name:hover {
	text-decoration: underline !important;
	text-underline-offset: 4px !important;
}

/* Nome da loja Para produtos com a classe on-sale */
.item.on-sale .vendor-cart-info .vendor-name {
	position: relative;
	top: 0px;
}

/* Comprimento nome do vendor quando o produto tem dois preços (produto variável) */
div.asp_content:has(.product-price span + span) .vendor-name {
	margin-top: 0px !important;
}

/* Botão "+" de adicionar ao carrinho */
.asp_content .add_to_cart_button.ajax_add_to_cart {
	background-color: transparent !important;
}

/* Botão "+": produtos com promoção */
.item.on-sale .vendor-cart-info .add_to_cart_button {
    position: relative;
    top: -8px; 
}

/* Botão "+": carrinho sem stock */
.item.outofstock .custom-plus-position {
	background-color: transparent !important;
	opacity: 0.2 !important;
}

/* Botão '+' de adicionar ao carrinho - LINK PRODUTOS VARIAVEIS */
.view_product_button {
	background-color: transparent !important;
}

/* Icon +: tamanho */
.custom-plus-position svg {
	width: 35px;
	height: 35px;
	transition: all 0.3s ease-in-out;
}

/* Icon +: cores iniciais */
.custom-plus-position { 
	--icon-bg: transparent;
	--icon-color: black;
	display: inline-block;
	cursor: pointer;
	transition: fill 0.3s ease-in-out;
}

/* Icon +: aplica background */
.custom-plus-position .svg-bg {
	fill: var(--icon-bg);
	transition: fill 0.3s ease-in-out;
}

/* Icon +: aplica "+" */
.custom-plus-position .svg-icon line {
	stroke: var(--icon-color);
	transition: stroke 0.3s ease-in-out;
}

/* Icon +: aplica contorno */
.custom-plus-position .svg-border {
	stroke: var(--icon-color);
	transition: stroke 0.3s ease-in-out;
}

/* Icon +: estado hover */
.custom-plus-position:hover {
	--icon-bg: black;
	--icon-color: #bac1b4;
}

/* Icon +: estado hover stroke */
.custom-plus-position:hover .svg-border {
    stroke: black !important;
}

/* /* Icon +: estado active */
.custom-plus-position:active {
	--icon-bg: #d5bbe4;
	--icon-color: black;
}

/*
.asp_content .add_to_cart_button.ajax_add_to_cart:hover {
	background-color: black !important;
	border-color: black !important;
}

.asp_content .add_to_cart_button.ajax_add_to_cart:active {
	background-color: #d5bbe4 !important;
	border-color: #d5bbe4 !important;
	color: #bac1b4 !important;
}
*/

/* Botão "+": simbolo 
.asp_content .custom-plus-position .plus-symbol {
	display: inline-block;
	position: relative;
	top: -1.2px;
	left: 0.3px;
	transform: scale(1.2);
	padding: 6px 10px !important;
	color: black !important;
}
.asp_content .custom-plus-position .plus-symbol:hover {
	color: #bac1b4 !important;
}
*/

/* Ícon settings */
.prosettings {
    margin-right: 0px !important;
}

/* Texto campo input */
.proinput .orig {
position: relative !Imabove;
	top: -1px !important
	
}

/* Alinhar resultados do AJAX Pro à esquerda 
.asp_w.asp_r {
    text-align: left !important;
}*/

/* Caixa "sem resultados" */
.asp_nores {
	margin-top: 20px !important;
	margin-left: 60px !important;	
background-color: transparent !important;
	box-shadow: none !important;
}

/* "Sem resultados" */
div.asp_r.asp_r_6 *,
div.asp_m.asp_m_6 *,
div.asp_s.asp_s_6 * {
	font-size: 12px !important;
	color: black !important;
}



/* Overlay global Caixa de filtros */
body:has(#ajaxsearchprosettings6_1[style*="display: block"])::before {
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: rgba(213, 187, 228, 0.6);
	z-index: 998;
}

/* Caixa de filtros: posição */ 
#ajaxsearchprosettings6_1 {
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
	border-radius: 25px !important;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	z-index: 999;
	max-height: 80vh;
	overflow-y: auto;
	width: 100% !important;
	padding-top: 3px !important;		padding-bottom: 3px !important;
}

/* Caixa de filtros: títulos */
#ajaxsearchprosettings6_1 legend {	
	font-size: 1.4em !important;
	font-family: quicksand !important;
	font-weight: 800 !important;	
	color: black !important;
	text-transform: uppercase;
	padding-top: 30px !important; 
	padding-bottom: 20px !important;
}

/* Caixa de filtros: margem esquerda */
.asp_filter_tax:first-of-type legend,
.asp_filter_tax:first-of-type .product_cat_filter_box {
	margin-left: 40px !important;
}

/* Caixa de filtros: 2ª coluna */
.product_tag_filter_box {
	padding-left: 38px !important;
}

/* Caixa de filtros: 2ª coluna - Titulo */
.asp_filter_tax.asp_filter_tax_product_tag legend {
	padding-left: 46px !important;
}

/* Caixa de filtros: 3ª e 4ª coluna */
._price_filter_box  {
	padding-left: 34px !important;
}
/* Caixa de filtros: 3ª e 4ª coluna - Titulo */
.asp_custom_f legend {
	padding-left: 41px !important;
}

/* Botão APLICAR */
.asp_search_btn.asp_s_btn {
background-color: transparent;
	color: black !important;
	border: 1px solid black !important;
	border-radius: 25px !important;
	padding: 9px 16px !important;
	font-size: 12px !important;
	cursor: pointer !important;
	transition: all 0.3s ease !important;	
	position: relative;
	left: 116px;
	top: 28px;
}

/* Botão APLICAR: hover*/
.asp_search_btn.asp_s_btn:hover {
	background-color: black !important;
	color: #bac1b4 !important; 
}

/* Botão RESET */
button.asp_reset_btn.asp_r_btn {
	background-color: transparent;
	color: black !important;
	border: 1px solid black !important;
	border-radius: 25px !important;
	padding: 9px 16px !important;
	font-size: 12px !important;
	cursor: pointer !important;
	transition: all 0.3s ease !important;
	position: relative;
	left: 120px;
	top: 28px;
}

/* Botão RESET: hover*/
button.asp_reset_btn.asp_r_btn:hover {
	background-color: black !important;
	color: #bac1b4 !important; 
}

/* Botão APLICAR mobile*/
@media (max-width: 900px) {
    .asp_search_btn.asp_s_btn {
	position: relative;
	left: 0px;
	top: 40px;
	margin-bottom: 30px !important;
    }
}

/* Botão RESET mobile */
@media (max-width: 900px) {
  button.asp_reset_btn.asp_r_btn {
	position: relative;
	left: 10px;
	top: 40px;
    }
}

/* Esconde título filtro #4 */
#ajaxsearchprosettings6_1 .asp_filter_cf__price:nth-of-type(4) legend::before {
    /* content: ""; */
}

#ajaxsearchprosettings6_1 fieldset[class*="asp_filter_cf__price"][class*="asp_filter_id_4"] legend {
     color: back !important; 
    /* font-size: 0 !important; */
}

/* Filtro Stock */
.asp_custom_f.asp_filter_cf__stock_status {
position: relative;
	left: 40px;
	top: -20px
}

/* Filtro Em Promocao */
._is_on_sale_filter_box {
	position: relative;
	left: 38px;
	top: -20px
}

/* Espaçamento entre filtros da caixa de filtros */
#ajaxsearchprosettings6_1 fieldset {
    margin-bottom: 25px !important;
}

/* Restante lettering */ 
#ajaxsearchprosettings6_1 * {
    font-family: quicksand !important;
}

.prosettings:hover .innericon {
    background-color: #edbf63 !important; 
    border-radius: 50%;
}

/* Tooltips */

/* Tooltip para o botão "+" 
.custom-plus-position {
	position: relative;
	--icon-bg: transparent;
	--icon-color: black;
	display: inline-block;
	cursor: pointer;
	transition: fill 0.3s ease-in-out;
}

/* Estilo do tooltip 
.custom-plus-position::after {
	content: "Comprar";
	font-family: quicksand;    
	font-size: 10px;	
	color: black;
	background-color: #d5bbe4;	
	border-radius: 5px;	
	position: absolute;
	top: 4px;
	left: -65px;
	padding: 5px 9px;
	white-space: nowrap;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.5s ease, transform 0.3s ease;
	pointer-events: none;
	z-index: 99999;
}

/* Mostrar o tooltip ao passar o mouse 
.custom-plus-position:hover::after {
	opacity: 1;
	visibility: visible;
}
*/



/* _________________________________________________________________________________________ */