/* ════════════════════════════════════════
   Barre d'installation de l'app (PWA) — Sutura Maps
   Fichier autonome (couleurs en dur) : il est lié à la fois par index.html,
   qui a ses propres styles inline, et par map.html.
   Masquée par défaut : n'apparaît que si l'app est réellement installable.
════════════════════════════════════════ */
#install-bar {
  position: fixed;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 99998;
  display: none;
  align-items: center;
  gap: 12px;
  background: #14202a;
  color: #f3f1ee;
  padding: 12px 14px;
  border-radius: 2px;
  box-shadow: 0 10px 30px rgba(20,32,42, 0.35);
  font-family: "DM Sans", sans-serif;
  animation: installUp 0.35s ease;
}
#install-bar.show {
  display: flex;
}
@keyframes installUp {
  from {
    opacity: 0;
    transform: translateY(14px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
#install-bar img {
  width: 38px;
  height: 38px;
  flex: 0 0 auto;
  border-radius: 6px;
}
#install-bar .ib-text {
  flex: 1;
  min-width: 0;
}
#install-bar .ib-title {
  font-family: "Cormorant Garamond", serif;
  font-size: 1.05rem;
  font-weight: 600;
  line-height: 1.2;
  color: #f3f1ee;
}
#install-bar .ib-sub {
  font-size: 0.68rem;
  color: rgba(247, 243, 236, 0.62);
  line-height: 1.35;
  margin-top: 2px;
}
#install-bar .ib-btn {
  flex: 0 0 auto;
  background: #123c46;
  color: #fff;
  border: none;
  padding: 10px 16px;
  font-size: 0.72rem;
  font-weight: 500;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 1px;
  font-family: "DM Sans", sans-serif;
}
#install-bar .ib-btn:hover {
  background: #1f5b68;
}
#install-bar .ib-close {
  flex: 0 0 auto;
  background: none;
  border: none;
  color: rgba(247, 243, 236, 0.5);
  font-size: 1.1rem;
  cursor: pointer;
  padding: 4px 6px;
  line-height: 1;
}
@media (max-width: 520px) {
  #install-bar .ib-sub {
    display: none;
  }
  #install-bar .ib-btn {
    padding: 10px 12px;
  }
}