/**
 * FAB «Menú» móvil: mismo lateral que WhatsApp flotante, un escalón más arriba.
 *
 * Ajuste fino: inspeccioná el botón flotante de WA (bottom/right en computed styles)
 * y copiá esos valores a --chaniar-menu-fab-right y subí --chaniar-menu-fab-bottom
 * hasta que quede visualmente apilado encima del icono de WhatsApp.
 */
:root {
	--chaniar-menu-fab-right: 1rem;
	/* Distancia desde el borde inferior del viewport; subir si tapa al WA o bajar si queda muy arriba */
	--chaniar-menu-fab-bottom: 5.75rem;
	--chaniar-menu-fab-z: 99950;
}

@media (max-width: 767px) {
	#chaniar-mobile-menu-fab-root {
		position: fixed;
		right: var(--chaniar-menu-fab-right);
		bottom: var(--chaniar-menu-fab-bottom);
		z-index: var(--chaniar-menu-fab-z);
		margin: 0;
		padding: 0;
		pointer-events: none;
	}

	/*
	 * html body + !important: el kit Elementor a veces define --e-global-color-primary como texto oscuro
	 * y/o estilos globales de button pisan el FAB. Mismo acento que reserva / ítem activo del menú WPR.
	 */
	html body #chaniar-mobile-menu-fab-root .chaniar-mobile-menu-fab {
		pointer-events: auto;
		appearance: none;
		border: 1px solid var(--chaniar-brand-accent) !important;
		border-radius: 999px;
		padding: 0.55rem 1.1rem;
		font-size: 0.95rem;
		font-weight: 600;
		line-height: 1.2;
		cursor: pointer;
		box-shadow: 0 0.2rem 0.85rem rgba(0, 0, 0, 0.22);
		color: #fff !important;
		background-color: var(--chaniar-brand-accent) !important;
		-webkit-tap-highlight-color: transparent;
	}

	html body #chaniar-mobile-menu-fab-root .chaniar-mobile-menu-fab:focus-visible {
		outline: 2px solid var(--chaniar-brand-accent);
		outline-offset: 2px;
	}
}

@media (min-width: 768px) {
	#chaniar-mobile-menu-fab-root {
		display: none !important;
	}
}