/*
 * WhatsApp chat widget (ActiveCampaign, template-parts/chat-widget.php).
 *
 * The widget injects a fixed wrapper at the bottom-right that is up to 400px
 * wide (the full width on phones) with z-index 1000, although only its 54px
 * bubble is visible. The invisible rest of the box sat over page buttons and
 * swallowed their taps — card "Enquire" buttons, the development page's
 * Brochure/Enquire bar, form submits — most visibly on tablets, where those
 * buttons line up under it. Let taps fall through the wrapper and keep them
 * only on what it actually shows: the bubble and, when open, the chat window
 * (display: none while closed).
 *
 * !important because the widget's own <style> is appended after this file and
 * starts with `all: unset`.
 */
#ac-whatsapp-widget-wrapper {
	pointer-events: none !important;
}

#ac-whatsapp-widget-wrapper > * {
	pointer-events: auto;
}

/*
 * Above 1100px the development page's Brochure/Enquire bar is fixed to the
 * bottom (90px tall) with its buttons at the right — right under the bubble.
 * Sit the widget on top of the bar instead. (Below 1100px the bar is in the
 * page flow; at 500px and under main.css already lifts the widget clear of the
 * fixed Enquire button.)
 */
@media only screen and (min-width: 1101px) {
	body:has(.development_pinned) #ac-whatsapp-widget-wrapper {
		bottom: 90px !important;
	}
}