/**
 * Knock Catalog for WooCommerce - front-end styles.
 */

.kc-whatsapp-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	background-color: #25d366;
	color: #ffffff;
	border: none;
	border-radius: 4px;
	padding: 10px 18px;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
	cursor: pointer;
	transition: background-color 0.15s ease-in-out, transform 0.1s ease-in-out;
}

.kc-whatsapp-button:hover,
.kc-whatsapp-button:focus {
	background-color: #1ebe5b;
	color: #ffffff;
	text-decoration: none;
	transform: translateY(-1px);
}

.kc-whatsapp-button:active {
	transform: translateY(0);
}

.kc-whatsapp-icon {
	display: inline-flex;
	align-items: center;
}

.kc-whatsapp-icon svg {
	display: block;
}

.kc-whatsapp-text {
	white-space: nowrap;
}

/* Loop / archive context: keep buttons from stretching awkwardly inside grids. */
li.product .kc-whatsapp-button {
	width: 100%;
	margin-top: 8px;
}

/* Single product summary context. */
.single-product div.summary .kc-whatsapp-button {
	margin-top: 12px;
}