/* The iOS install hint. Shown only on iOS Safari outside standalone mode;
   everything else about installability is browser chrome we don't own. */
.pwa-hint {
  position: fixed; left: 12px; right: 12px; bottom: 12px; z-index: 90;
  display: flex; align-items: center; gap: 12px;
  background: var(--w-drawer, rgba(23,27,32,0.97)); color: var(--w-text, #F2EDE4);
  border: 1px solid var(--w-line2, #313945); border-radius: 14px;
  padding: 12px 14px; font-size: 13.5px; line-height: 1.5;
  box-shadow: 0 10px 28px -14px rgba(0,0,0,.66);
  font-family: 'IBM Plex Sans', system-ui, sans-serif;
}
body.has-rail .pwa-hint { left: calc(var(--w-rail-w, 58px) + 4px); }
.pwa-hint b { font-weight: 600; }
.pwa-hint-msg { flex: 1; min-width: 0; }   /* one wrapping text item next to the dismiss button */
.pwa-hint .pwa-share {
  display: inline-block; width: 1.05em; height: 1.05em; vertical-align: -0.18em;
  background: currentColor;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v12M8 7l4-4 4 4"/><path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-7"/></svg>') center / contain no-repeat;
          mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v12M8 7l4-4 4 4"/><path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-7"/></svg>') center / contain no-repeat;
}
.pwa-hint-x {
  margin-left: auto; flex: 0 0 auto; border: 0; background: transparent;
  color: inherit; opacity: 0.7; font-size: 18px; line-height: 1; cursor: pointer; padding: 6px;
}
.pwa-hint-x:hover { opacity: 1; }
/* CTA inside the standalone alerts prompt (chat.js maybePromptStandaloneAlerts). */
.pwa-hint .pwa-cta {
  flex: 0 0 auto; border: 0; border-radius: 8px; cursor: pointer;
  background: var(--w-blue, #2BA0FF); color: var(--w-onaccent, #071A2C);
  font: 600 13px/1 'IBM Plex Sans', system-ui, sans-serif; padding: 9px 14px;
}
.pwa-hint .pwa-cta:hover { filter: brightness(1.06); }
/* Store switcher: switching to another store's subdomain leaves the installed
   standalone window (iOS opens an in-app Safari overlay) and that store is a
   separate install with its own alerts. Mark cross-store entries so it isn't a
   silent exit — shown only when actually running installed. */
.w-rail-ext { display: none; }
@media (display-mode: standalone) {
  .w-rail-ext { display: inline-block; margin-left: 6px; opacity: 0.6; font-size: 0.9em; }
}