/* Botão flutuante do WhatsApp — canto inferior direito, em toda página
   (impresso no wp_footer). z-index abaixo da máscara do off-canvas (500,
   ver nav.css) e do header do Elementor (999) de propósito: se o menu
   mobile abrir por cima, o botão fica visualmente "sob" a máscara em vez de
   flutuar estranhamente por cima do menu aberto — mesmo raciocínio de
   camadas documentado em nav.css. */

.loja-cipo-whatsapp-button {
	position: fixed;
	right: 24px;
	bottom: 24px;
	z-index: 400;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: #25d366;
	box-shadow: 0 4px 14px rgba( 0, 0, 0, 0.25 );
	text-decoration: none;
	line-height: 0;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.loja-cipo-whatsapp-button:hover,
.loja-cipo-whatsapp-button:focus-visible {
	transform: scale( 1.06 );
	box-shadow: 0 6px 18px rgba( 0, 0, 0, 0.3 );
}

.loja-cipo-whatsapp-icon {
	width: 28px;
	height: 28px;
}

@media (max-width: 767px) {
	.loja-cipo-whatsapp-button {
		right: 16px;
		bottom: 16px;
		width: 52px;
		height: 52px;
	}

	.loja-cipo-whatsapp-icon {
		width: 26px;
		height: 26px;
	}
}