/* Baner za instalaciju sajta kao aplikacije (pwa.js). Boje prate sajt: #0075b5 i tamnu #002f4e. */
.kn-pwa{position:fixed;left:16px;bottom:16px;z-index:46;display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;width:min(360px,calc(100vw - 32px));box-sizing:border-box;padding:12px 40px 12px 14px;border-radius:16px;background:rgba(255,255,255,.82);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#1d3247;font-size:14px;line-height:1.45;border:1px solid rgba(0,117,181,.35);box-shadow:0 10px 30px rgba(0,47,78,.14)}
.kn-pwa-text{flex:1 1 180px;margin:0}
.kn-pwa-btn{min-height:36px;padding:7px 14px;border:0;border-radius:999px;background:#0075b5;color:#fff;font:inherit;font-size:13.5px;font-weight:600;cursor:pointer}
.kn-pwa-btn:hover,.kn-pwa-btn:focus-visible{background:#005f94}
.kn-pwa-close{position:absolute;top:6px;right:6px;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:transparent;color:#5b6f80;font-size:18px;line-height:28px;cursor:pointer}
.kn-pwa-close:hover,.kn-pwa-close:focus-visible{background:rgba(0,47,78,.08)}
body.nav-open .kn-pwa{display:none}
@media (max-width:860px){
  .kn-pwa{left:10px;right:10px;width:auto;bottom:calc(80px + env(safe-area-inset-bottom,0px))}
}
