:root{--fv-pwa-safe-bottom:env(safe-area-inset-bottom,0px)}
.pwa-install-banner{position:fixed;left:16px;right:16px;bottom:calc(18px + var(--fv-pwa-safe-bottom));z-index:10050;max-width:680px;margin:auto;background:rgba(255,255,255,.97);border:1px solid #cfe9e8;border-radius:22px;box-shadow:0 22px 70px rgba(4,71,80,.24);padding:14px;display:flex;align-items:center;gap:13px;backdrop-filter:blur(15px)}
.pwa-install-banner[hidden]{display:none}.pwa-install-icon{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#0aa6a6,#087f8c);font-size:25px;flex:0 0 auto}.pwa-install-copy{min-width:0;flex:1}.pwa-install-copy strong,.pwa-install-copy small{display:block}.pwa-install-copy strong{color:#123f46}.pwa-install-copy small{color:#618086;margin-top:3px}.pwa-install-actions{display:flex;gap:7px}.pwa-install-actions button{border:0;border-radius:12px;padding:10px 13px;font-weight:800;cursor:pointer}.pwa-install-confirm{background:#087f8c;color:#fff}.pwa-install-dismiss{background:#edf7f7;color:#3d696f}
.mobile-app-nav{display:none}
.pwa-offline-pill{position:fixed;top:12px;left:50%;transform:translateX(-50%);z-index:11000;background:#9d3d28;color:#fff;padding:8px 14px;border-radius:999px;font-size:13px;font-weight:800;box-shadow:0 8px 24px rgba(0,0,0,.18)}
@media(max-width:820px){body.pwa-has-bottom-nav{padding-bottom:calc(78px + var(--fv-pwa-safe-bottom))}.site-footer{padding-bottom:calc(88px + var(--fv-pwa-safe-bottom))}.mobile-app-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:10000;background:rgba(255,255,255,.97);border-top:1px solid #d9eceb;box-shadow:0 -10px 34px rgba(14,83,90,.11);padding:7px 7px calc(7px + var(--fv-pwa-safe-bottom));backdrop-filter:blur(16px)}.mobile-app-nav a{min-width:0;text-decoration:none;color:#607c80;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;border-radius:13px;font-size:10px;font-weight:800}.mobile-app-nav a span:first-child{font-size:21px;line-height:1}.mobile-app-nav a.is-active{background:#e6f7f6;color:#087f8c}.global-search{display:none}.main-nav{max-height:calc(100vh - 90px);overflow:auto}.nav-wrap{gap:8px}.pwa-install-banner{bottom:calc(82px + var(--fv-pwa-safe-bottom));left:10px;right:10px}.pwa-install-copy small{display:none}}
@media(max-width:430px){.pwa-install-banner{align-items:flex-start}.pwa-install-actions{flex-direction:column}.pwa-install-actions button{padding:8px 10px}.mobile-app-nav a{font-size:9px}}

/* Fase 11.5: synlig installationsmenu og AkvarieVerden App */
.mobile-menu-install-card{display:none}
.pwa-install-modal[hidden]{display:none!important}.pwa-install-modal{position:fixed;inset:0;z-index:12000;display:grid;place-items:center;padding:18px}.pwa-install-modal-backdrop{position:absolute;inset:0;border:0;background:rgba(4,31,38,.58);backdrop-filter:blur(7px);cursor:pointer}.pwa-install-dialog{position:relative;width:min(100%,470px);max-height:calc(100vh - 36px);overflow:auto;background:linear-gradient(180deg,#fff 0%,#f3fbfb 100%);border:1px solid rgba(255,255,255,.8);border-radius:30px;padding:32px 25px 24px;box-shadow:0 30px 100px rgba(3,49,58,.34);text-align:center}.pwa-install-dialog-close{position:absolute;right:15px;top:13px;width:38px;height:38px;border:0;border-radius:50%;background:#e8f5f4;color:#315f65;font-size:26px;line-height:1;cursor:pointer}.pwa-app-logo{width:92px;height:92px;border-radius:28px;margin:0 auto 15px;display:grid;place-items:center;background:linear-gradient(145deg,#12b9b3,#087f8c);box-shadow:0 18px 38px rgba(8,127,140,.28),inset 0 1px rgba(255,255,255,.45)}.pwa-app-logo span{font-size:48px;filter:drop-shadow(0 5px 4px rgba(0,0,0,.15))}.pwa-app-kicker{display:block;color:#078b94;font-size:11px;font-weight:900;letter-spacing:.16em;margin-bottom:7px}.pwa-install-dialog h2{margin:0;color:#123f46;font-size:clamp(26px,7vw,36px);line-height:1.08}.pwa-install-dialog>p{color:#5f7e83;line-height:1.6;margin:12px auto 20px;max-width:370px}.pwa-install-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:0 0 20px}.pwa-install-benefits div{background:#fff;border:1px solid #d9efed;border-radius:17px;padding:13px 7px}.pwa-install-benefits span,.pwa-install-benefits strong,.pwa-install-benefits small{display:block}.pwa-install-benefits span{font-size:25px}.pwa-install-benefits strong{font-size:12px;color:#1f555b;margin:5px 0 2px}.pwa-install-benefits small{font-size:10px;line-height:1.35;color:#789398}.pwa-ios-guide,.pwa-generic-guide{background:#fff;border:1px solid #cceae7;border-radius:18px;padding:16px;text-align:left;color:#365f65;margin-bottom:15px}.pwa-ios-guide strong{display:block;margin-bottom:8px;color:#15515a}.pwa-ios-guide ol{margin:0;padding-left:22px}.pwa-ios-guide li{margin:8px 0;line-height:1.45}.pwa-dialog-install-button{width:100%;border:0;border-radius:16px;padding:15px 18px;background:linear-gradient(135deg,#0baea9,#087f8c);color:#fff;font-size:16px;font-weight:900;box-shadow:0 12px 28px rgba(8,127,140,.25);cursor:pointer}.pwa-dialog-later{margin-top:8px;border:0;background:transparent;color:#69868a;font-weight:800;padding:10px;cursor:pointer}.pwa-modal-open{overflow:hidden}

/* Fase 11.7: rettet mobilmenu og forbedret installationsknap i footer */
.mobile-menu-install-card,.pwa-install-banner{display:none!important}
.mobile-footer-install-wrap{display:none}
@media(max-width:820px){
  .main-nav{display:none}
  .main-nav.is-open{display:flex}
  .mobile-footer-install-wrap{display:block;padding-top:10px;padding-bottom:18px}
  .mobile-footer-install{
    position:relative;overflow:hidden;width:100%;display:flex;align-items:center;gap:13px;
    border:1px solid rgba(92,216,204,.38);border-radius:20px;
    background:linear-gradient(135deg,rgba(13,61,69,.98),rgba(7,126,137,.98));
    padding:14px 15px;color:#fff;text-align:left;cursor:pointer;
    box-shadow:0 14px 34px rgba(0,35,42,.24);transition:transform .18s ease,box-shadow .18s ease
  }
  .mobile-footer-install:before{content:"";position:absolute;inset:-70% auto auto -25%;width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,.08);pointer-events:none}
  .mobile-footer-install:active{transform:scale(.985);box-shadow:0 8px 20px rgba(0,35,42,.2)}
  .mobile-footer-install-icon{position:relative;width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.18);font-size:23px;flex:0 0 auto;box-shadow:inset 0 1px rgba(255,255,255,.16)}
  .mobile-footer-install>span:nth-child(2){position:relative;min-width:0;flex:1}
  .mobile-footer-install strong,.mobile-footer-install small{display:block}
  .mobile-footer-install strong{font-size:14px;line-height:1.25;color:#fff;letter-spacing:.005em}
  .mobile-footer-install small{font-size:11px;line-height:1.4;color:rgba(226,250,248,.78);margin-top:3px}
  .mobile-footer-install-arrow{position:relative;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.13);font-size:22px;line-height:1;color:#fff}
  .mobile-footer-install.is-installed{background:linear-gradient(135deg,#1f6851,#258568);border-color:rgba(173,238,207,.42)}
}

/* Quality pass: mobil-login skal altid være tilgængeligt */
.mobile-auth-links{display:none}
@media(max-width:960px){
  .mobile-auth-links{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:14px;margin-top:4px;border-top:1px solid rgba(255,255,255,.12)}
  .mobile-auth-links a{display:flex;align-items:center;justify-content:center;min-height:46px;border-radius:13px;padding:11px 12px;font-weight:900;text-align:center}
  .mobile-login-link{background:linear-gradient(135deg,#20d2b5,#64ead5);color:#052923!important;box-shadow:0 10px 24px rgba(36,211,181,.2)}
  .mobile-register-link{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#fff!important}
}
@media(max-width:380px){.mobile-auth-links{grid-template-columns:1fr}}