/*
 * Frontend styling for DispatchWP WA Notifications' customer-facing buttons
 * (product page, and later cart/thank-you/email).
 *
 * Deliberately minimal: this only sets the button apart as a recognizable
 * WhatsApp action (brand green, a little spacing) and otherwise inherits
 * the active theme's own button styles (font, padding, border-radius),
 * rather than overriding them wholesale.
 */

.dispatchwp-whatsapp-button {
	display: inline-flex;
	align-items: center;
	gap: 0.4em;
	background-color: #25d366;
	border-color: #25d366;
	color: #ffffff;
}

.dispatchwp-whatsapp-button:hover,
.dispatchwp-whatsapp-button:focus {
	background-color: #1ebe57;
	border-color: #1ebe57;
	color: #ffffff;
}

.dispatchwp-whatsapp-product-button {
	margin-top: 0.75em;
}

.dispatchwp-whatsapp-cart-button,
.dispatchwp-whatsapp-thankyou-link {
	margin-top: 1em;
}

/* The Blocks Cart button reuses .dispatchwp-whatsapp-button above for its
 * brand color, but needs its own layout rule since it sits inside a
 * wc-block-components-totals-wrapper rather than in a <p> of its own. */
a.dispatchwp-whatsapp-cart-button {
	display: inline-flex;
	margin-top: 0.5em;
}