/* Local preview safety layer. It intentionally does not alter the source site's visual design. */
[id*="chat" i], [class*="chat-widget" i], [class*="scorpion-ai" i], [id*="scorpion-ai" i], iframe {
  display: none !important;
}

[data-alliance-staging-banner] {
  position: sticky !important;
  z-index: 2147483647 !important;
  top: 0 !important;
  box-sizing: border-box !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 10px 20px !important;
  border: 0 !important;
  border-bottom: 2px solid #5a4100 !important;
  background: #ffdf6b !important;
  color: #241b00 !important;
  box-shadow: 0 3px 12px rgba(0, 0, 0, .2) !important;
  font: 700 15px/1.4 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  letter-spacing: normal !important;
  text-align: center !important;
  text-transform: none !important;
}

.local-preview-toast {
  position: fixed;
  z-index: 2147483647;
  left: 50%;
  bottom: 24px;
  transform: translateX(-50%);
  max-width: min(520px, calc(100vw - 32px));
  padding: 14px 18px;
  border: 2px solid #fff;
  background: #292929;
  color: #fff;
  box-shadow: 0 12px 36px rgba(0, 0, 0, .3);
  font: 600 15px/1.45 system-ui, sans-serif;
}

@media (max-width: 1279px) {
  [data-alliance-staging-banner] {
    padding: 8px 12px !important;
    font-size: 13px !important;
  }

  .mnu-btn[data-role="btn"],
  .mnu-nv [data-role="btn"] {
    cursor: pointer;
  }

  .nv {
    pointer-events: none;
  }

  body.local-mobile-menu-open {
    overflow: hidden;
  }

  body.local-mobile-menu-open .nv {
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto;
    transform: translateX(0) !important;
    transition: transform .3s ease, visibility 0s, opacity 0s !important;
  }
}
