/* GritHQ Alpha4.89 — FINAL PWA PrimaryDock icon/label spacing lock
   Scope: installed iOS PWA only. Native iOS/Worker is intentionally untouched.
   The user approved the Home-selected icon/label relationship. The Home state is
   controlled by a higher-specificity body.home-mode #bottomNav rule, so this file
   deliberately uses #bottomNav specificity and applies those exact metrics to all
   four destinations on every PWA primary page.
*/
@media (max-width:959px) {
  html.ios-standalone body:not(.workout-mode) #bottomNav .nav-btn,
  html.ios-standalone body:not(.workout-mode) #bottomNav .nav-btn.active {
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:50px!important;
    min-height:50px!important;
    max-height:50px!important;
    margin:0!important;
    padding:3px 2px!important;
    display:grid!important;
    grid-template-rows:23px auto!important;
    grid-template-columns:1fr!important;
    place-items:center!important;
    align-content:center!important;
    justify-content:stretch!important;
    row-gap:2px!important;
    column-gap:0!important;
    text-align:center!important;
    box-sizing:border-box!important;
  }

  html.ios-standalone body:not(.workout-mode) #bottomNav .nav-btn svg,
  html.ios-standalone body:not(.workout-mode) #bottomNav .nav-btn.active svg {
    display:block!important;
    width:20px!important;
    height:20px!important;
    min-width:20px!important;
    min-height:20px!important;
    margin:0 auto!important;
    align-self:center!important;
    justify-self:center!important;
  }

  html.ios-standalone body:not(.workout-mode) #bottomNav .nav-btn small,
  html.ios-standalone body:not(.workout-mode) #bottomNav .nav-btn.active small {
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    font-size:10px!important;
    line-height:1!important;
    font-weight:800!important;
    text-align:center!important;
    align-self:center!important;
    justify-self:center!important;
  }
}