/* Team TararBari - Fixed Navigation Mobile FIX V10.1
   Fixes mobile overlap + removes extra desktop shadow/layer.
   Navigation-only patch. */

:root{
  --tb-nav-h-desktop: 98px;
  --tb-nav-h-mobile: 78px;
}

/* Desktop fixed navbar - clean flat appearance */
.nav{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  z-index:99999!important;
  background:#030a18!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:none!important;
  border-bottom:1px solid rgba(148,163,184,.12)!important;
}

/* Prevent fixed header from covering page content */
body{
  padding-top:var(--tb-nav-h-desktop)!important;
}

/* Avoid the extra visual band/layer directly beneath the nav */
.nav + *,
header + *,
body > .nav + *{
  box-shadow:none!important;
}

/* Mobile */
@media(max-width:900px){
  body{
    padding-top:var(--tb-nav-h-mobile)!important;
  }

  .nav{
    min-height:var(--tb-nav-h-mobile)!important;
    background:#030a18!important;
    box-shadow:none!important;
    border-bottom:1px solid rgba(148,163,184,.12)!important;
  }

  /*
   Mobile menu panel:
   keep it below the fixed header instead of floating over page content.
   These selectors intentionally cover the common menu containers used
   by the Team TararBari mobile navigation.
  */
  .nav .nav-links,
  .nav .mobile-menu,
  .nav .menu,
  .nav .nav-menu,
  .nav .links{
    top:var(--tb-nav-h-mobile)!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    max-width:none!important;
    z-index:99998!important;
    background:#030a18!important;
    border-top:1px solid rgba(148,163,184,.10)!important;
    border-bottom:1px solid rgba(148,163,184,.14)!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  /* When a menu list is displayed vertically, give each item its own row. */
  .nav .nav-links a,
  .nav .mobile-menu a,
  .nav .menu a,
  .nav .nav-menu a,
  .nav .links a{
    display:block;
    width:100%;
    box-sizing:border-box;
    line-height:1.35!important;
  }

  /* If mobile menu is absolutely positioned by the original theme,
     force it into a fixed panel below the nav. */
  .nav .nav-links.active,
  .nav .nav-links.open,
  .nav .mobile-menu.active,
  .nav .mobile-menu.open,
  .nav .menu.active,
  .nav .menu.open,
  .nav .nav-menu.active,
  .nav .nav-menu.open{
    position:fixed!important;
    top:var(--tb-nav-h-mobile)!important;
    bottom:auto!important;
    max-height:calc(100vh - var(--tb-nav-h-mobile))!important;
    overflow-y:auto!important;
  }

  /*
   On several versions of this site, the mobile menu container remains in
   normal document flow when open. In that case these classes make sure
   the next page content begins after the menu instead of underneath it.
  */
  body.tb-mobile-nav-open main,
  body.menu-open main,
  body.nav-open main{
    margin-top:0!important;
  }
}

@media(max-width:640px){
  :root{
    --tb-nav-h-mobile: 76px;
  }
}

/* Admin is untouched */
body.admin{
  padding-top:0!important;
}