/**
 * Wahid Chat Ordering for WooCommerce — minimal front-end styles.
 * Deliberately low-specificity and overridable by themes/child themes.
 */

.wahco-order-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 18px 0;
}

.wahco-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 10px 18px;
	font-size: 15px;
	line-height: 1.4;
	font-weight: 600;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	text-decoration: none;
	transition: opacity 0.15s ease-in-out;
}

.wahco-button:hover,
.wahco-button:focus {
	opacity: 0.9;
}

.wahco-button:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}

.wahco-button--whatsapp {
	background-color: #25d366;
	color: #ffffff;
}

.wahco-button--whatsapp::before {
	content: '';
	display: inline-block;
	width: 18px;
	height: 18px;
	background-color: currentColor;
	-webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16 0C7.164 0 0 7.163 0 16c0 2.82.738 5.566 2.14 7.982L0 32l8.223-2.115A15.9 15.9 0 0 0 16 32c8.836 0 16-7.163 16-16S24.836 0 16 0z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16 0C7.164 0 0 7.163 0 16c0 2.82.738 5.566 2.14 7.982L0 32l8.223-2.115A15.9 15.9 0 0 0 16 32c8.836 0 16-7.163 16-16S24.836 0 16 0z'/%3E%3C/svg%3E");
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
}

.wahco-button--messenger {
	background-color: #0084ff;
	color: #ffffff;
}