/* VL MOBILE CLICK SHIELD FIX v1.2.0
   Fix: hidden overlays/modals must never block taps on mobile header/buttons. */
html:not(.vl-modal-open) #callback:not(.active):not(.open):not(.show):not(.vl-open):not(.is-open),
html:not(.vl-modal-open) .overlay:not(.active):not(.open):not(.show):not(.vl-open):not(.is-open),
html:not(.vl-modal-open) .overlayBox:not(.active):not(.open):not(.show):not(.vl-open):not(.is-open),
html:not(.vl-modal-open) .modal:not(.active):not(.open):not(.show):not(.vl-open):not(.is-open),
html:not(.vl-modal-open) .modalOverlay:not(.active):not(.open):not(.show):not(.vl-open):not(.is-open),
html:not(.vl-modal-open) .callbackOverlay:not(.active):not(.open):not(.show):not(.vl-open):not(.is-open),
html:not(.vl-modal-open) [aria-hidden="true"] {
  pointer-events: none !important;
}

#callback[aria-hidden="true"],
#callback:not(.active):not(.open):not(.show):not(.vl-open):not(.is-open) {
  pointer-events: none !important;
  visibility: hidden !important;
}

#callback.active,
#callback.open,
#callback.show,
#callback.vl-open,
#callback.is-open {
  pointer-events: auto !important;
  visibility: visible !important;
}

.site-header,
.header,
header,
.header-actions,
.themeToggle,
#theme,
button,
a,
.btn,
.pill,
.cta,
.stickyActions,
.floatingActions,
.mobile-menu-toggle,
.menu-toggle,
.burger {
  pointer-events: auto !important;
}

.site-header,
.header,
header {
  position: sticky;
  z-index: 2147481000 !important;
}

.header-actions,
.themeToggle,
.mobile-menu-toggle,
.menu-toggle,
.burger {
  position: relative;
  z-index: 2147481100 !important;
}

.stickyActions,
.floatingActions,
[class*="sticky"],
[class*="floating"] {
  z-index: 2147480900 !important;
}

@media (max-width: 768px) {
  body:not(.modal-open):not(.vl-modal-open) #callback,
  body:not(.modal-open):not(.vl-modal-open) .overlay,
  body:not(.modal-open):not(.vl-modal-open) .modal,
  body:not(.modal-open):not(.vl-modal-open) .modalOverlay,
  body:not(.modal-open):not(.vl-modal-open) .callbackOverlay {
    pointer-events: none !important;
  }

  body.modal-open #callback,
  body.vl-modal-open #callback,
  body.modal-open .modal,
  body.vl-modal-open .modal {
    pointer-events: auto !important;
  }
}