/*
 * Labkhand Golden Dock Persistence Guard 1.1.0
 * Narrow mobile override for RC4.10.13.6.9.22.
 */
@media (max-width: 1024px) {
  /*
   * Golden .22 hides the dock while action overlays are open. Keep the dock as
   * the persistent conversion anchor, but still hide it for full navigation
   * and support experiences where collision containment is intentional.
   */
  html.lv3-action-overlay-open body.labkhand-v3 .lv3-mobile-bar {
    display: grid !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    z-index: 1195 !important;
  }

  html.lv3-nav-open body.labkhand-v3 .lv3-mobile-bar,
  html.lv3-support-open body.labkhand-v3 .lv3-mobile-bar {
    display: none !important;
  }

  /* Keep the mobile action sheet above the persistent dock. */
  body.labkhand-v3 .lv3a3-panel[data-lv3-global-action] {
    z-index: 1200 !important;
  }

  html.lv3-gdpg-action-open body.labkhand-v3 .lv3a3-panel[data-lv3-global-action]:not([hidden]) {
    left: max(8px, env(safe-area-inset-left)) !important;
    right: max(8px, env(safe-area-inset-right)) !important;
    top: auto !important;
    bottom: calc(var(--lv3-mobile-bar-h, 72px) + max(14px, env(safe-area-inset-bottom))) !important;
    width: auto !important;
    max-height: calc(100dvh - var(--lv3-mobile-bar-h, 72px) - 34px - env(safe-area-inset-bottom)) !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: none !important;
  }

  html.lv3-gdpg-action-open body.labkhand-v3 .lv3a3-backdrop:not([hidden]) {
    display: block !important;
    z-index: 1190 !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  /* Small, deterministic motion; never required for functionality. */
  body.labkhand-v3 .lv3a3-panel.lv3-gdpg-opening {
    animation: lv3-gdpg-sheet-in 180ms cubic-bezier(.16,1,.3,1) both;
  }

  @keyframes lv3-gdpg-sheet-in {
    from { opacity: 0; transform: translate3d(0, 10px, 0) scale(.985); }
    to   { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
  }
}

@media (max-width: 1024px) and (prefers-reduced-motion: reduce) {
  body.labkhand-v3 .lv3a3-panel.lv3-gdpg-opening {
    animation: none !important;
  }
}
