/* JBA v16.16.0 - definitive mobile header/footer spacing cleanup */

@media (max-width:767px){
  /*
   * The legacy desktop navigation wrapper carries .full-h (height:100%).
   * Hiding only #full-menu left this parent in normal flow and kept a blank row
   * below the compact mobile logo header. Remove the complete wrapper on mobile.
   */
  html body #menu-indo > .jba-v1616-desktop-menu-wrap,
  html body #menu-indo > .full-h.width.jba-v1616-desktop-menu-wrap{
    display:none!important;
    visibility:hidden!important;
    float:none!important;
    clear:none!important;
    position:static!important;
    width:0!important;
    max-width:0!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
    pointer-events:none!important;
  }

  /* The mobile header height must be owned only by the visible topbar. */
  html body #menu-indo,
  html body #menu-indo.row{
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:visible!important;
  }
  html body #menu-indo > .jba-v1018-topbar{
    margin:0!important;
  }
  html body.jba-page-home #content,
  html body.jba-page-home #content.row,
  html body.jba-page-home #main,
  html body.jba-page-home #main > :first-child{
    margin-top:0!important;
    padding-top:0!important;
  }

  /*
   * Old bundles set padding-bottom on both html and body. The later body reserve
   * was correct, but the untouched html reserve added a second empty block.
   * Keep one reserve only, exactly matching the fixed mobile dock.
   */
  html{
    margin-bottom:0!important;
    padding-bottom:0!important;
  }
  html[class] body,
  html.jba-v15268-mobile-clean body,
  html.jba-v15267-mobile-cart-stable body,
  html.jba-v15266-mobile-shop body{
    margin-bottom:0!important;
    padding-bottom:calc(var(--jba168-nav-h, 76px) + env(safe-area-inset-bottom, 0px))!important;
  }
  html body > .container-fluid,
  html body > .container-fluid:first-child{
    min-height:0!important;
    margin-bottom:0!important;
    padding-bottom:0!important;
  }
  html body #footer,
  html body #footer.jba-v1613-footer,
  html body .jba-v1613-footer{
    margin-bottom:0!important;
    padding-bottom:0!important;
  }
}