/**
 * Mestria WhatsApp Button — front-end styles (base).
 * Os tamanhos e offsets são injetados dinamicamente via wp_add_inline_style.
 */

.mwb-float {
	display: inline-block;
	line-height: 0;
	text-decoration: none;
	transition: transform 200ms ease, filter 200ms ease;
	/* Respeita a safe area do iPhone (notch / barra inferior). */
	padding-bottom: env(safe-area-inset-bottom, 0);
}

.mwb-float:hover,
.mwb-float:focus {
	transform: translateY(-2px) scale(1.02);
	filter: drop-shadow(0 6px 14px rgba(0, 0, 0, 0.18));
	outline: none;
}

.mwb-float:focus-visible {
	outline: 2px solid #25d366;
	outline-offset: 4px;
	border-radius: 4px;
}

.mwb-float img {
	display: block;
	user-select: none;
	-webkit-user-drag: none;
}

/* Garante que nenhum ::before/::after do tema vaze por cima. */
.mwb-float::before,
.mwb-float::after {
	content: none !important;
}

/* Não imprime o botão. */
@media print {
	.mwb-float {
		display: none !important;
	}
}

/* Respeita preferência de redução de movimento. */
@media (prefers-reduced-motion: reduce) {
	.mwb-float {
		transition: none;
	}
	.mwb-float:hover,
	.mwb-float:focus {
		transform: none;
	}
}