/* JBA v16.15.0 - remove empty mobile header/menu strip and excess footer reserve */

@media (max-width:767px){
  /*
   * The mobile bottom dock already owns navigation/search/cart/account.
   * The legacy #full-menu row was visually empty while retaining a 54px min-height,
   * producing the blank strip between the logo header and the first home banner.
   */
  html body #menu-indo,
  html body #menu-indo.row{
    margin-bottom:0!important;
    padding-bottom:0!important;
  }
  html body #menu-indo .width{
    margin-bottom:0!important;
    padding-bottom:0!important;
  }
  html body #menu-indo #full-menu,
  html body #menu-indo #full-menu.row,
  html body #menu-indo #shop,
  html body #menu-indo #bs-example-navbar-collapse-1{
    display:none!important;
    visibility:hidden!important;
    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;
  }
  html body.jba-page-home #content,
  html body.jba-page-home #content.row,
  html body.jba-page-home #main{
    margin-top:0!important;
    padding-top:0!important;
  }

  /*
   * Older mobile layers reserved 98-230px below the footer and v16.13 also kept
   * a 108px footer margin. The fixed bottom dock already has its own body reserve,
   * so those duplicate spaces caused the large grey block after the copyright row.
   */
  html body #footer,
  html body div#footer,
  html body #footer.jba-v1613-footer,
  html body .jba-v1613-footer{
    margin-bottom:0!important;
    padding-bottom:0!important;
  }
  html body > .container-fluid{
    margin-bottom:0!important;
    padding-bottom:0!important;
  }
  html body{
    padding-bottom:calc(72px + env(safe-area-inset-bottom, 0px))!important;
  }
}