/* pwaInstall.css - banner hidden by default, slides down when visible */
#pwa-install-banner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  position:fixed;
  top:0;
  left:0;
  right:0;
  margin:0 1rem;
  max-width:1100px;
  z-index:2000;
  background:#fff;
  border-radius:8px;
  box-shadow:0 6px 18px rgba(0,0,0,0.12);
  padding:0.75rem 1rem;
  gap:1rem;
  pointer-events:none;
  transform: translateY(-140%);
  opacity:0;
  transition: transform 320ms cubic-bezier(.2,.8,.2,1), opacity 320ms ease-in-out;
}

/* Visible state */
#pwa-install-banner.pwa-banner--visible{
  transform: translateY(1rem);
  opacity:1;
  pointer-events:auto;
}

/* Left and right parts */
.pwa-banner__left{
  display:flex;
  align-items:center;
  gap:0.5rem;
}

.pwa-banner__text{
  font-size:0.9rem;
  color:#333;
}

/* Ensure close button is compact and visually lighter */
.pwa-banner__right .btn{
  min-width:0;
  padding:0.25rem 0.6rem;
}

/* Small-screen adjustments */
@media (max-width:576px){
  #pwa-install-banner{ padding:0.5rem; border-radius:6px; }
  #pwa-install-banner.pwa-banner--visible{ transform: translateY(0.5rem); }
  .pwa-banner__text{ display:none; }
}