/* v83: prevent sticky header/adminbar from blocking diagnostic buttons. */
body.wf-v81-pwa-diagnostic-template .wf-site-header,
body.wf-v81-pwa-diagnostic-template header,
body.page-template-page-pwa-diagnostic .wf-site-header {
  z-index: 1000 !important;
}
body.wf-v81-pwa-diagnostic-template main,
body.page-template-page-pwa-diagnostic main {
  position: relative !important;
  z-index: 2 !important;
}
.wf81diag {
  padding-top: 120px !important;
  position: relative !important;
  z-index: 2 !important;
}
body.admin-bar .wf81diag {
  padding-top: 145px !important;
}
.wf81hero,
.wf81actions,
.wf81btn,
.wf81links,
.wf83-floating-diagnostic,
.wf83-floating-diagnostic button {
  position: relative !important;
  z-index: 2147480000 !important;
  pointer-events: auto !important;
}
.wf81actions .wf81btn {
  min-height: 46px !important;
  touch-action: manipulation !important;
  -webkit-tap-highlight-color: rgba(255,141,125,.28) !important;
}
.wf83-floating-diagnostic {
  position: fixed !important;
  left: 50% !important;
  bottom: calc(16px + env(safe-area-inset-bottom, 0px)) !important;
  transform: translateX(-50%) !important;
  display: flex !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  width: min(92vw, 680px) !important;
  padding: 10px !important;
  border-radius: 24px !important;
  background: rgba(255,255,255,.94) !important;
  border: 1px solid rgba(223,232,244,.95) !important;
  box-shadow: 0 18px 54px rgba(22,44,84,.22) !important;
  backdrop-filter: blur(16px) !important;
}
.wf83-floating-diagnostic button {
  border: 0 !important;
  border-radius: 999px !important;
  min-height: 46px !important;
  padding: 12px 16px !important;
  font-weight: 900 !important;
  color: #14203f !important;
  background: linear-gradient(135deg,#ffca63,#ff8d7d) !important;
  cursor: pointer !important;
  box-shadow: none !important;
}
.wf83-floating-diagnostic button + button {
  background: #f3f7fb !important;
  border: 1px solid #dfe8f4 !important;
}
@media (max-width: 760px) {
  .wf81diag { padding-top: 110px !important; padding-bottom: 150px !important; }
  body.admin-bar .wf81diag { padding-top: 135px !important; }
  .wf83-floating-diagnostic { align-items: stretch !important; }
  .wf83-floating-diagnostic button { flex: 1 1 100% !important; }
}