/* Pedido por WhatsApp para WooCommerce */

/* Si el tema usa flex en el formulario, el botón baja a su propia línea. */
form.cart:has(> .pww-product-wrap),
.woocommerce-variation-add-to-cart:has(> .pww-product-wrap) {
	flex-wrap: wrap;
}

.pww-product-wrap,
.pww-cart-wrap {
	flex-basis: 100%;
	width: 100%;
	margin-top: 0.75em;
	clear: both;
}

a.pww-button,
a.pww-button.button,
a.pww-button.wp-element-button {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5em;
	width: 100%;
	box-sizing: border-box;
	padding: 0.8em 1.2em;
	border: 0;
	border-radius: 6px;
	background: var(--pww-bg, #128c7e) !important;
	color: var(--pww-text, #fff) !important;
	font-weight: 600;
	line-height: 1.3;
	text-align: center;
	text-decoration: none !important;
	cursor: pointer;
	transition: filter 0.15s ease;
}

a.pww-button:hover,
a.pww-button:focus {
	filter: brightness(0.92);
	color: var(--pww-text, #fff) !important;
}

a.pww-button:focus-visible {
	outline: 2px solid var(--pww-bg, #128c7e);
	outline-offset: 2px;
}

.pww-button__icon {
	flex: 0 0 auto;
}

/* Divi y otros temas añaden una flecha y cambian el relleno al pasar el ratón. */
a.pww-button::before,
a.pww-button::after {
	content: none !important;
	display: none !important;
}

a.pww-button,
a.pww-button:hover {
	padding: 0.8em 1.2em !important;
	border: 0 !important;
	letter-spacing: normal !important;
}

/* Respaldo del pie de página: invisible hasta que el JS lo coloca. */
.pww-fallback {
	display: none !important;
}

/* Carrito por bloques: oculto un instante mientras se coloca bajo "Finalizar compra". */
.pww-cart-wrap--block.pww-pending {
	visibility: hidden;
}

.wc-block-cart__submit .pww-cart-wrap--block {
	margin-top: 0.75em;
}