/**
 * WhatsApp Button Styles
 * For product cards (loop) and Quick View popup
 *
 * @package Woodmart Child
 */

/* ===========================
   Base button styles
   =========================== */
.ecomol-whatsapp-btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	background-color: #0785dc !important;
	color: #fff !important;
	border-radius: 35px !important;
	font-weight: 600 !important;
	text-decoration: none !important;
	transition: background-color 0.3s ease !important;
	box-sizing: border-box !important;
	cursor: pointer !important;
	border: none !important;
	box-shadow: none !important;
	text-transform: none !important;
	font-family: inherit !important;
	line-height: 1.4 !important;
}

.ecomol-whatsapp-btn:hover {
	background-color: #067ACA !important;
	color: #fff !important;
}

.ecomol-whatsapp-btn:active {
	background-color: #067ACA !important;
}

.ecomol-whatsapp-btn:visited {
	color: #fff !important;
}

/* ===========================
   Product card (loop) variant
   Inside .wd-action-buttons
   =========================== */
.wd-action-buttons {
	width: 100% !important;
	display: flex !important;
}

.ecomol-whatsapp-action {
	display: flex !important;
	flex-grow: 1 !important;
}

.ecomol-whatsapp-btn--loop {
	padding: 6px 14px !important;
	font-size: 13px !important;
	white-space: nowrap !important;
	height: auto !important;
	width: 100% !important;
	min-height: unset !important;
	text-align: center !important;
}

/* ===========================
   Quick View variant
   =========================== */
.ecomol-whatsapp-btn--single {
	display: flex !important;
	width: 100% !important;
	padding: 12px 24px !important;
	font-size: 15px !important;
	margin-top: 15px !important;
}

/* ===========================
   Mobile Visibility
   Force button to stay visible
   =========================== */
@media (max-width: 1024px) {
	.wd-product.wd-hover-buttons-on-hover .wd-product-footer {
		display: flex !important;
		opacity: 1 !important;
		visibility: visible !important;
		position: static !important;
		transform: none !important;
		margin-top: 10px !important;
	}

	.wd-product.wd-hover-buttons-on-hover .wd-action-buttons {
		display: flex !important;
		opacity: 1 !important;
		visibility: visible !important;
	}

	/* Specific icons (like Quick View) might be hidden by theme, keep them visible if needed */
	.wd-product.wd-hover-buttons-on-hover .wd-action-buttons > div {
		display: inline-flex !important;
	}
}