/* HaulFoundry phone-only navigation and Home Screen tip polish.
   Does not alter the iPad >=720px or desktop >=1024px breakpoints. */
@media (max-width:719px) {
  #install.install {
    padding: 9px 11px !important;
    margin: 5px 0 11px !important;
    border-radius: 11px !important;
    box-shadow: none !important;
  }
  #install.install b {
    display:block;
    font-size:12px !important;
    line-height:1.2 !important;
    margin-bottom:3px !important;
  }
  #install.install .sub {
    font-size:11px !important;
    line-height:1.45 !important;
    margin:0 !important;
  }
  /* Help is added dynamically after Settings: 7 destinations, not 6. */
  .nav {
    display:grid !important;
    grid-template-columns:repeat(7,minmax(0,1fr)) !important;
    grid-template-rows:auto !important;
    gap:0 !important;
    width:100% !important;
    min-width:0 !important;
    padding:5px 3px calc(5px + env(safe-area-inset-bottom)) !important;
  }
  .nav-brand { display:none !important; }
  .nav button, .nav button[data-hf-help-nav] {
    box-sizing:border-box !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    grid-column:auto !important;
    width:100% !important;
    min-width:0 !important;
    min-height:54px !important;
    padding:5px 1px !important;
    font-size:clamp(8px,2.18vw,10px) !important;
    line-height:1.18 !important;
    text-align:center !important;
    white-space:normal !important;
    overflow-wrap:break-word;
  }
  .nav button i { font-size:17px !important; line-height:1.18 !important; }
}