/* v494 — mobile audit, verified low-risk layout and touch fixes.
   Keep merchant-page rules out of the owner/admin panel. Existing SEO,
   branded UI, and the service-worker/version remain unchanged. */
@media (max-width: 760px) {
  /* The city form's sticky action must end above the 64px fixed bottom nav,
     including the device's safe area. */
  :root[data-dg-bazaar] body.page-route-cities .market-picker-submit {
    bottom: calc(76px + env(safe-area-inset-bottom)) !important;
  }

  /* The floated assistant also blocked the directory's save-search button
     after typing. On small screens use the existing assistant link in the
     accessible mobile menu (and the home route pill) instead of this orb. */
  :root[data-dg-bazaar] .ai-bar,
  :root[data-dg-bazaar] body:is(.page-route-login, .page-route-cities) .sup-fab {
    display: none !important;
  }

  /* v450's .nums rule otherwise reduces the login phone field to ~12px,
     below Safari iOS's 16px threshold for automatic focus zoom. */
  :root[data-dg-bazaar] body.page-route-login .auth-card :is(input, select, textarea) {
    font-size: 16px !important;
  }

  /* Measured at both 320px and 390px: all five labels still fit at 12px. */
  :root[data-dg-bazaar] .bottom-nav a span { font-size: 12px !important; }

  /* A transient toast formerly overlapped the bottom nav. Position it
     above the nav AND the 52px assistant orb where that orb is displayed. */
  :root[data-dg-bazaar] .toast-stack {
    bottom: calc(136px + env(safe-area-inset-bottom)) !important;
  }

  /* The compact help wording remains plain text, but is now a 44px target.
     Horizontal chip rows may scroll; growing them by 4px adds no overflow. */
  :root[data-dg-bazaar] .context-help-toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 44px !important;
    padding: 0 10px !important;
  }
  :root[data-dg-bazaar] .chip,
  :root[data-dg-bazaar] .catgroup-all { min-height: 44px !important; }

  /* The same translucent sticky header let text bleed through its logo on
     both the map and city-selection pages. Use the theme's solid paper on
     every scrolled merchant page, without changing its shape or position. */
  :root[data-dg-bazaar] .site-header.is-stuck {
    background: var(--b-paper) !important;
  }
}