/* buttons-cleanup.css Hide floating/auto-injected WhatsApp FABs and mobile contact bars by default To re-enable per-page, add the class `enable-whatsapp` to the element or set . This keeps inline WhatsApp links (content links in pages) intact while removing the visual cluttering FABs. */ /* Default: hide injected/floating WhatsApp UI */ body:not(.enable-whatsapp) .floating-book-btn, body:not(.enable-whatsapp) .floating-whatsapp, body:not(.enable-whatsapp) .mobile-contact-bar, body:not(.enable-whatsapp) .whatsapp-book-btn.mobile-optimized, body:not(.enable-whatsapp) .whatsapp-hero-btn, body:not(.enable-whatsapp) .whatsapp-instant, body:not(.enable-whatsapp) .mobile-contact-bar .whatsapp-option, body:not(.enable-whatsapp) .whatsapp-quick-sticky, body:not(.enable-whatsapp) .fab-whatsapp, body:not(.enable-whatsapp) .floating-whatsapp-anchor { display: none !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; } /* Gentle rule: ensure CSS doesn't accidentally hide inline WhatsApp links without 'floating' classes */ a.whatsapp-link:not(.floating-whatsapp), a.btn-whatsapp:not(.floating-whatsapp) { display: inline-flex !important; visibility: visible !important; opacity: 1 !important; } /* Helpful dev note to quickly enable for a page during testing: or */ /* Buttons cleanup: hide floating WhatsApp icons and duplicate round CTAs by default. Pages that want WhatsApp features can opt-in by adding `class="enable-whatsapp"` to or `data-enable-whatsapp="true"`. */ /* Hide common floating/fab selectors used across the site */ .floating-book-btn, .floating-whatsapp, .fab-whatsapp, .whatsapp-fab, .whatsapp-book-btn.mobile-optimized, .whatsapp-hero-btn, .mobile-contact-bar { display: none !important; opacity: 0 !important; pointer-events: none !important; } /* Also hide any style-based round icons that use these helper classes */ .whatsapp-dest, .experience-whatsapp, .booking-btn-whatsapp, .booking-btn-compact, .whatsapp-link, .secondary-button.whatsapp { /* keep inline WhatsApp links visible but visually de-emphasize; site editors can re-enable specific links by adding .enable-whatsapp to body */ opacity: 0.0 !important; pointer-events: none !important; } /* Opt-in: when the body has .enable-whatsapp, restore display */ body.enable-whatsapp .floating-book-btn, body.enable-whatsapp .floating-whatsapp, body.enable-whatsapp .whatsapp-book-btn.mobile-optimized, body.enable-whatsapp .mobile-contact-bar, body.enable-whatsapp .whatsapp-hero-btn { display: inline-flex !important; opacity: 1 !important; pointer-events: auto !important; } /* for explicit call-to-action links still present in content, allow them when opted-in */ body.enable-whatsapp .booking-btn-whatsapp, body.enable-whatsapp .experience-whatsapp, body.enable-whatsapp .booking-btn-compact, body.enable-whatsapp .whatsapp-link, body.enable-whatsapp .secondary-button.whatsapp { opacity: 1 !important; pointer-events: auto !important; } /* Small helper to avoid accidental overlap with mobile nav */ .mobile-nav.active .floating-book-btn, body.mobile-nav-active .floating-book-btn { transform: translateY(120%); transition: transform .28s ease; }