/* BaixeLivros PWA — Estilos Públicos */
:root{--blpwa:#7a4a24;--blpwa-dark:#5c3519;--blpwa-white:#fff;--blpwa-shadow:0 4px 20px rgba(0,0,0,.15);--blpwa-radius:12px;--blpwa-transition:.25s ease}

/* Botão de instalação */
.blpwa-install-wrap{display:inline-block}
.blpwa-install-btn{display:inline-flex;align-items:center;gap:10px;background:var(--blpwa);color:var(--blpwa-white);border:none;border-radius:var(--blpwa-radius);padding:14px 28px;font-size:16px;font-weight:600;cursor:pointer;text-decoration:none;transition:background var(--blpwa-transition),transform var(--blpwa-transition),box-shadow var(--blpwa-transition);box-shadow:var(--blpwa-shadow);-webkit-tap-highlight-color:transparent;user-select:none;white-space:nowrap}
.blpwa-install-btn:hover,.blpwa-install-btn:focus-visible{background:var(--blpwa-dark);transform:translateY(-2px);box-shadow:0 6px 24px rgba(0,0,0,.2);outline:none}
.blpwa-install-btn:active{transform:translateY(0)}
.blpwa-install-btn.blpwa-btn-ready{animation:blpwa-pulse 2s ease-in-out 3}
.blpwa-install-btn.blpwa-btn-installed{background:#2e7d32;cursor:default}
.blpwa-install-btn.blpwa-btn-installed:hover{background:#2e7d32;transform:none}
.blpwa-install-icon{width:20px;height:20px;flex-shrink:0}
@keyframes blpwa-pulse{0%,100%{box-shadow:0 4px 20px rgba(122,74,36,.4)}50%{box-shadow:0 4px 30px rgba(122,74,36,.7)}}

/* Instrução iOS */
.blpwa-ios-instruction{background:#fff8f4;border:1px solid #e8c9a9;border-radius:var(--blpwa-radius);padding:14px 18px;margin-top:12px;font-size:14px;color:#4a3020;line-height:1.6;max-width:400px}
.blpwa-ios-instruction p{margin:0}
.blpwa-ios-instruction strong{color:var(--blpwa)}

/* Banner */
#blpwa-install-banner{display:none;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:3px solid var(--blpwa);box-shadow:0 -4px 24px rgba(0,0,0,.12);padding:16px 20px;z-index:9999;transform:translateY(100%);transition:transform .35s cubic-bezier(.4,0,.2,1)}
#blpwa-install-banner.blpwa-banner-visible{transform:translateY(0)}
.blpwa-banner-inner{display:flex;align-items:center;gap:14px;max-width:600px;margin:0 auto}
.blpwa-banner-icon{width:48px;height:48px;border-radius:10px;flex-shrink:0;object-fit:cover}
.blpwa-banner-icon-placeholder{width:48px;height:48px;border-radius:10px;background:var(--blpwa);display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;flex-shrink:0}
.blpwa-banner-content{flex:1;min-width:0}
.blpwa-banner-title{font-weight:700;font-size:15px;color:#1a1a1a;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.blpwa-banner-text{font-size:13px;color:#555;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.blpwa-banner-actions{display:flex;flex-direction:column;gap:6px;flex-shrink:0}
.blpwa-banner-btn{background:var(--blpwa);color:#fff;border:none;border-radius:8px;padding:9px 18px;font-size:14px;font-weight:600;cursor:pointer;transition:background var(--blpwa-transition);white-space:nowrap}
.blpwa-banner-btn:hover{background:var(--blpwa-dark)}
.blpwa-banner-dismiss{background:none;border:none;color:#999;font-size:12px;cursor:pointer;text-align:center;padding:4px;text-decoration:underline}
.blpwa-banner-dismiss:hover{color:#555}
@media(max-width:480px){.blpwa-banner-text{display:none}#blpwa-install-banner{padding:12px 16px}}

/* Barra inferior */
#blpwa-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e0e0e0;height:56px;z-index:9998;padding-bottom:env(safe-area-inset-bottom,0)}
.blpwa-standalone #blpwa-bottom-nav{display:flex}
.blpwa-bottom-nav-items{display:flex;align-items:center;justify-content:space-around;width:100%;height:100%;list-style:none;margin:0;padding:0}
.blpwa-bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;height:100%;text-decoration:none;color:#666;font-size:10px;gap:3px;transition:color var(--blpwa-transition)}
.blpwa-bottom-nav-item:hover,.blpwa-bottom-nav-item.active{color:var(--blpwa)}
.blpwa-bottom-nav-icon{width:22px;height:22px}
.blpwa-standalone body{padding-bottom:calc(56px + env(safe-area-inset-bottom,0))}

/* QR Code */
.blpwa-qrcode-wrap{display:inline-block;text-align:center;padding:20px;background:#fff;border:1px solid #e0e0e0;border-radius:var(--blpwa-radius);box-shadow:0 2px 12px rgba(0,0,0,.06)}
.blpwa-qrcode-title{font-size:15px;font-weight:600;color:var(--blpwa);margin:0 0 12px}
.blpwa-qrcode-img{display:block;border-radius:8px;border:4px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.1)}
.blpwa-qrcode-hint{font-size:12px;color:#888;margin:10px 0 0}