/* Botnvalmynd á fartelefon. Á skrivborði er hon fjald, og vanliga høvuðsvalmyndin virkar. */
:root{--app-nav-bar:62px;--app-nav-height:calc(var(--app-nav-bar) + env(safe-area-inset-bottom,0px))}
.app-nav,.app-toast,.app-busy{display:none}
.app-menu{display:none}
.app-menu[open]{display:flex}
.app-nav-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;pointer-events:none}
/* Summar síður hava almennar reglur fyri button og label; tær skulu ikki flyta valmyndina. */
.app-nav button,.app-nav label,.app-menu button,.app-menu label,.app-toast button{margin:0}

@media (max-width:760px),(max-height:520px){
  body.has-app-nav .site-nav{display:none}
  body.has-app-nav .hero .button{display:none}
  body.has-app-nav:not(:has(.map-app)){padding-bottom:calc(var(--app-nav-height) + 36px);padding-inline:env(safe-area-inset-left,0px) env(safe-area-inset-right,0px)}
  /* Myndatólsknøtturin stendur umleið 28 px upp úr valmyndini. */
  html:has(body.has-app-nav){scroll-padding-bottom:calc(var(--app-nav-height) + 36px)}
  body.has-app-nav .install-guidance{bottom:calc(var(--app-nav-height) + 14px)}

  .app-nav{position:fixed;left:0;right:0;bottom:0;z-index:1000;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;height:var(--app-nav-height);padding:0 env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);background:#173b2b;color:#e4efdc;box-shadow:0 -4px 16px #0f2a1f40;font:600 12px/1.15 system-ui,sans-serif}
  body.app-nav-hidden .app-nav,body.report-form-open .app-nav,body.report-form-open .app-toast{display:none}
  .app-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;padding:6px 2px;border:0;background:none;color:inherit;font:inherit;text-align:center;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .app-nav-wide{grid-column:span 2}
  .app-nav-item:hover,.app-nav-item:focus-visible,.app-nav-item[aria-current]{color:#fff;background:#ffffff14}
  .app-nav-item[aria-current]{box-shadow:inset 0 3px 0 #a8d05f}
  .app-nav-item:focus-visible,.app-nav-input:focus-visible+label .app-nav-camera-button,.app-nav-input:focus-visible+label{outline:3px solid #f2c14e;outline-offset:2px}

  /* Myndatólið er høvuðsgerðin: stórur, grønur knøttur, sum stendur upp úr valmyndini. */
  .app-nav-camera{position:relative;display:flex;justify-content:center}
  .app-nav-camera label{position:absolute;bottom:5px;left:50%;display:flex;flex-direction:column;align-items:center;gap:3px;width:max-content;transform:translateX(-50%);color:#fff;font-weight:800;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .app-nav-camera-button{display:flex;align-items:center;justify-content:center;width:68px;height:68px;border:4px solid #fffdf8;border-radius:50%;background:linear-gradient(160deg,#a8d05f,#5f9a35);color:#123023;box-shadow:0 5px 14px #0f2a1f66;transition:transform .12s ease}
  .app-nav-camera label:active .app-nav-camera-button{transform:scale(.95)}

  .app-toast:not([hidden]){position:fixed;left:10px;right:10px;bottom:calc(var(--app-nav-height) + 28px);z-index:1010;display:block;padding:10px 12px;border-radius:12px;background:#fff4dd;border:1px solid #e6d3a8;color:#50350d;font:14px/1.35 system-ui,sans-serif;box-shadow:0 4px 14px #173b2b33}
  .app-toast button{min-height:36px;margin-left:4px;padding:4px 10px;border:1px solid #c9ab6d;border-radius:8px;background:#fffdf8;color:#50350d;font:700 14px system-ui,sans-serif;cursor:pointer}
  .app-busy{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;background:#f4f8ec;color:#173b2b;font:700 18px system-ui,sans-serif}

  .app-menu[open]{flex-direction:column;position:fixed;inset:auto 0 0;width:100%;max-width:none;max-height:85%;margin:0;padding:14px 18px calc(18px + env(safe-area-inset-bottom,0px));overflow-y:auto;border:0;border-radius:18px 18px 0 0;background:#fffdf8;color:#173b2b;font:17px/1.3 system-ui,sans-serif}
  .app-menu::backdrop{background:#0f2a1f66}
  .app-menu header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
  .app-menu header button{min-height:44px;padding:6px 14px;border:1px solid #a3b99c;border-radius:10px;background:#fffdf8;color:#173b2b;font:700 15px system-ui,sans-serif;cursor:pointer}
  .app-menu a{display:flex;align-items:center;min-height:48px;border-top:1px solid #e3ebdc;color:inherit;font-weight:600;text-decoration:none}
  .app-menu a[aria-current="page"]{font-weight:800;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
  .app-menu-gallery{display:flex;align-items:center;justify-content:center;gap:8px;min-height:50px;margin-bottom:8px;border-radius:12px;background:#e8f1d8;font-weight:700;cursor:pointer}

  /* Kortsíðan: valmyndin tekur sítt pláss, so hon ongantíð liggur oman á kortinum. */
  body.has-app-nav .map-app{height:calc(100vh - var(--app-nav-height));height:calc(100dvh - var(--app-nav-height))}
  body.has-app-nav .map-app-header>a:last-child{visibility:hidden}
  body.has-app-nav .location-card{padding-bottom:26px}
}
@media (max-height:520px){
  :root{--app-nav-bar:48px}
  .app-nav{font-size:11px}
  .app-nav-item{flex-direction:row;gap:6px;padding:2px 4px}
  .app-nav-item svg{width:20px;height:20px}
  .app-nav-camera label{bottom:3px;flex-direction:row;gap:6px}
  .app-nav-camera-button{width:44px;height:44px;border-width:3px}
  .app-nav-camera-button svg{width:24px;height:24px}
  body.has-app-nav .map-app-header{display:none}
  body.has-app-nav .location-card{padding-bottom:10px}
}