/* =========================================================
   Modo da loja: o que muda para o cliente.
   ========================================================= */

/* Catalogo sem carrinho: sai o carrinho do cabecalho e o botao de compra.
   Na pagina de produto a classe .woocommerce esta no proprio body, dai o
   seletor sem ela. */
body.asy-ml-sem-carrinho .elementor-widget-woocommerce-menu-cart,
body.asy-ml-sem-carrinho div.product form.cart .single_add_to_cart_button {
	display: none !important;
}

/* Precos escondidos: o bloco de faixa de preco da sidebar da loja tambem. */
body.asy-ml-sem-preco .asy-filtros__bloco:has(#asy-filtros-preco) {
	display: none;
}

/* ---- Botao "Pedir pelo WhatsApp" ------------------------------------------ */

.woocommerce .button.asy-ml-whats,
.woocommerce div.product form.cart .button.asy-ml-whats,
.woocommerce ul.products li.product .button.asy-ml-whats {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .55rem;
	background: #25D366;
	color: #06140B;
	box-shadow: none;
}

.woocommerce .button.asy-ml-whats:hover,
.woocommerce div.product form.cart .button.asy-ml-whats:hover,
.woocommerce ul.products li.product .button.asy-ml-whats:hover {
	background: #2EE673;
	color: #06140B;
	box-shadow: 0 14px 32px -14px rgba(37, 211, 102, .95);
}

.asy-ml-whats__icone {
	flex: none;
}

/* Botao que gera pedido: contornado, ao lado do "Adicionar ao carrinho". */
.woocommerce div.product form.cart .button.asy-ml-whats--pedido {
	background: transparent;
	color: #25D366;
	box-shadow: inset 0 0 0 2px #25D366;
}

.woocommerce div.product form.cart .button.asy-ml-whats--pedido:hover {
	background: rgba(37, 211, 102, .12);
	color: #2EE673;
	box-shadow: inset 0 0 0 2px #2EE673, 0 14px 32px -14px rgba(37, 211, 102, .8);
}

/* Aviso de "escolha o tamanho" embaixo dos botoes. */
.woocommerce div.product form.cart .asy-ml-aviso {
	flex-basis: 100%;
	margin: 0;
	font-size: .85rem;
	font-weight: 600;
	color: #FF5C8A;
}

.woocommerce div.product form.cart .asy-ml-aviso:empty {
	display: none;
}

/* Quantidade e botoes numa linha que so quebra quando nao cabe. */
.woocommerce div.product form.cart:has(.asy-ml-whats) .woocommerce-variation-add-to-cart,
.woocommerce div.product form.cart:not(.variations_form):has(.asy-ml-whats) {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .75rem;
}

.woocommerce div.product form.cart:has(.asy-ml-whats) .quantity {
	margin: 0;
}

/* Os dois botoes dividem o espaco por igual; nenhum encolhe menos que o
   proprio texto, entao no celular o do WhatsApp desce e ocupa a linha. */
.woocommerce div.product form.cart:has(.asy-ml-whats--pedido) :is(.single_add_to_cart_button, .asy-ml-whats--pedido) {
	flex: 1 1 0;
	min-width: max-content;
	margin: 0;
	float: none;
	white-space: nowrap;
}

body.asy-ml-sem-carrinho div.product form.cart .button.asy-ml-whats--produto {
	flex: 1 1 auto;
	float: none;
}