/**
 * WhatsApp Cart button styling.
 * All visual values come from admin-configured CSS custom properties
 * (see class-wc-whatsapp-cart-frontend.php) so this file never needs
 * editing per-site and never touches theme/WooCommerce core styles.
 */

.wwc-whatsapp-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	background-color: var(--wwc-bg, #25D366);
	color: var(--wwc-text, #ffffff);
	border: none;
	border-radius: var(--wwc-radius, 4px);
	font-size: var(--wwc-font-size, 16px);
	padding: var(--wwc-padding, 12px) calc(var(--wwc-padding, 12px) * 1.6);
	width: var(--wwc-width, auto);
	cursor: pointer;
	line-height: 1.4;
	text-decoration: none;
	transition: background-color 0.15s ease, color 0.15s ease;
	font-family: inherit;
}

.wwc-whatsapp-button:hover,
.wwc-whatsapp-button:focus {
	background-color: var(--wwc-hover-bg, #1DA851);
	color: var(--wwc-hover-text, #ffffff);
}

.wwc-whatsapp-button[disabled] {
	opacity: 0.6;
	cursor: not-allowed;
}

.wwc-whatsapp-button .wwc-icon {
	width: 18px;
	height: 18px;
	flex-shrink: 0;
}

.wwc-whatsapp-error {
	color: #c0392b;
	font-size: 13px;
	margin-top: 8px;
}