/*
 * La Feria Artesanal — estilos generales del tema.
 * (Antes estaban escritos dentro del PHP de los botones de WhatsApp.)
 */

/* Botón "Comprar vía WhatsApp" en la ficha del producto */
.whatsapp-button,
.woocommerce .whatsapp-button {
	background-color: #25d366;
	color: #fff;
	border-radius: 20px;
	padding: 10px 20px;
	display: inline-block;
	text-decoration: none;
}

.whatsapp-button:hover,
.whatsapp-button:focus {
	background-color: #128c7e;
	color: #fff;
}

/* Botón flotante de WhatsApp en el stand del vendedor */
.vendor-whatsapp-button {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 9999;
}

.vendor-whatsapp-button a {
	display: block;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background-color: #25d366;
	color: #fff;
	text-align: center;
	line-height: 60px;
	font-size: 30px;
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
}

/* En celulares, subir el botón para no tapar la barra inferior de Storefront */
@media (max-width: 767px) {
	.vendor-whatsapp-button {
		bottom: 80px;
	}
}