/*!
 * Product-feedback launcher — keep the bottom-left F orb on every viewport.
 * Unique filename (nginx caches /css/ immutable).
 *
 * Mobile html/body overflow (clip + auto, or hidden flex app shells) makes
 * position:fixed descendants leave the visual viewport on iOS/WebKit. The
 * widget root is a viewport layer; JS pins it to visualViewport on phones.
 * Global 44px tap-target rules must not inflate the dismiss badge over the F.
 */

html body #pf-root,
html body #pf-root.pf-root {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100% !important;
  height: 100dvh !important;
  max-width: 100vw !important;
  max-height: 100dvh !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  pointer-events: none !important;
  z-index: var(--pf-z, 100050) !important;
  flex: none !important;
  transform: none !important;
  contain: none !important;
  clip-path: none !important;
  clip: auto !important;
}

html:not(.erp-nav-drawer-open):not(.erp-mobile-drawer-open) body #pf-launcher.pf-launcher:not(.pf-hidden),
html:not(.erp-nav-drawer-open):not(.erp-mobile-drawer-open) body #pf-launcher:not(.pf-hidden) {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: absolute !important;
  left: max(var(--erp-corner-orb-inset, 16px), env(safe-area-inset-left, 0px)) !important;
  bottom: max(var(--erp-corner-orb-inset, 16px), env(safe-area-inset-bottom, 0px)) !important;
  right: auto !important;
  top: auto !important;
  pointer-events: none !important;
}

html:not(.erp-nav-drawer-open):not(.erp-mobile-drawer-open) body #pf-fab.pf-fab:not(.pf-hidden),
html:not(.erp-nav-drawer-open):not(.erp-mobile-drawer-open) body #pf-fab:not(.pf-hidden) {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

html body #pf-launcher-close.pf-launcher-close,
html body button#pf-launcher-close,
html body #pf-launcher-close {
  width: 1.5rem !important;
  height: 1.5rem !important;
  min-width: 1.5rem !important;
  min-height: 1.5rem !important;
  max-width: 1.5rem !important;
  max-height: 1.5rem !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  pointer-events: auto !important;
}

html body #pf-overlay.pf-overlay {
  position: absolute !important;
}

html body #pf-overlay.pf-overlay.pf-open {
  pointer-events: auto !important;
}

html body .pf-rate-strip,
html body #pf-rate-strip.pf-rate-strip {
  position: absolute !important;
}