/* PWA install instructions for iOS (no native beforeinstallprompt) */
.pwa-ios-hint {
  display:none;
  position:fixed;
  bottom:var(--s-5);
  left:50%;
  transform:translateX(-50%);
  background:var(--gray-90);
  color:var(--white);
  padding:var(--s-4) var(--s-6);
  border-radius:var(--radius-sm);
  font-size:var(--fs-body-4);
  max-width:20rem;
  text-align:center;
  box-shadow:0 0.25rem 0.75rem rgba(var(--black-rgb),0.3);
  z-index:9999;
}

.pwa-ios-hint.visible {
  display:block;
}

.pwa-ios-hint .icon {
  display:inline-block;
  margin:0 var(--s-2);
  font-size:var(--fs-body-3);
  vertical-align:middle;
}

.pwa-install-bar {
  display:none;
  align-items:center;
  justify-content:space-between;
  padding:var(--s-4) var(--s-5);
  background:var(--gray-90);
  color:var(--white);
  font-size:var(--fs-body-4);
}

.pwa-install-bar.visible {
  display:flex;
}

.pwa-install-bar button {
  background:var(--white);
  color:var(--gray-90);
  border:none;
  padding:0.4rem 0.875rem;
  border-radius:var(--r-2);
  font-size:var(--fs-ui);
  font-weight:600;
  cursor:pointer;
}