top of page
bottom of page
/* 3) Force our mount to float above everything */
#vapi-widget-mount {
all: initial !important; /* nuke inherited theme styles */
position: fixed !important;
right: 24px !important;
bottom: 24px !important;
left: auto !important;
top: auto !important;
z-index: 2147483647 !important;
display: block !important;
width: auto !important;
height: auto !important;
pointer-events: auto !important;
}
/* 4) If the widget is not using our mount id, try to brute-force likely widget containers */
[vapi-widget],
vapi-widget,
.vapi-widget,
#vapi-widget,
[class*="vapi"],
[id*="vapi"] {
position: fixed !important;
right: 5px !important;
bottom: 5px !important;
z-index: 2147483647 !important;
}
/* 5) Keep it above sticky headers/footers */
.ast-header-sticky-active,
.ast-sticky-header,
.ast-sticky-footer,
.site-header,
.site-footer {
z-index: 1 !important;
}