
/*

 * USAP Floating Stack

 * Con SalesIQ visible:

 * Arriba: WhatsApp

 * Medio: Agendar cita

 * Abajo: SalesIQ

 */



/* SalesIQ abajo */

html body #zsiq_float,

html body #zsiq_floatmain,

html body .zsiq_float,

html body .zsiq_floatmain,

html body [id*="zsiq_float"],

html body [class*="zsiq_float"] {

	right: 20px !important;

	left: auto !important;

	bottom: 20px !important;

	z-index: 999997 !important;

}



/* Cuando SalesIQ está visible, WhatsApp sube */

html body.usap-salesiq-visible .usap-wa-icon-btn {

	right: 20px !important;

	bottom: 148px !important;

	z-index: 1000000 !important;

}



/* Cuando SalesIQ está visible, Bookings queda en medio */

html body.usap-salesiq-visible #usap-bookings-floating-btn {

	right: 20px !important;

	bottom: 82px !important;

	z-index: 999999 !important;

}



/* Cuando no hay SalesIQ visible, se mantiene el stack normal */

html body:not(.usap-salesiq-visible) .usap-wa-icon-btn {

	right: 20px !important;

	bottom: 92px !important;

	z-index: 1000000 !important;

}



html body:not(.usap-salesiq-visible) #usap-bookings-floating-btn {

	right: 20px !important;

	bottom: 20px !important;

	z-index: 999999 !important;

}



html body [id*="zsiq"],

html body [class*="zsiq"] {

	box-sizing: border-box !important;

}



@media (max-width: 767px) {

	html body #zsiq_float,

	html body #zsiq_floatmain,

	html body .zsiq_float,

	html body .zsiq_floatmain,

	html body [id*="zsiq_float"],

	html body [class*="zsiq_float"] {

		right: 16px !important;

		left: auto !important;

		bottom: 16px !important;

	}



	html body.usap-salesiq-visible .usap-wa-icon-btn {

		right: 16px !important;

		bottom: 138px !important;

		z-index: 1000000 !important;

	}



	html body.usap-salesiq-visible #usap-bookings-floating-btn {

		right: 16px !important;

		bottom: 78px !important;

		z-index: 999999 !important;

	}



	html body:not(.usap-salesiq-visible) .usap-wa-icon-btn {

		right: 16px !important;

		bottom: 84px !important;

		z-index: 1000000 !important;

	}



	html body:not(.usap-salesiq-visible) #usap-bookings-floating-btn {

		right: 16px !important;

		bottom: 16px !important;

		z-index: 999999 !important;

	}

}

