/*
  Header navbar collapse breakpoint override.
  Goal: show hamburger earlier (approx. at 175% zoom vs previous 200%).
  We only override the header-specific desktop/mobile wrappers, not Bootstrap's global breakpoints.
*/

/* New collapse breakpoint (previously effectively LG=992px); tuned to ~992 * (200/175) = 1133px */
:root{
  --kj-header-collapse-min: 1133px;
}

@media (min-width: 1133px){
  /* Desktop header wrapper (has d-none d-lg-block) */
  .header > .d-none.d-lg-block{
    display: block !important;
  }

  /* Mobile header bar (has d-flex d-lg-none) */
  .header > .navbar.d-flex.d-lg-none{
    display: none !important;
  }

  /* Mobile slide menu (has d-block d-lg-none) */
  .menuMobile.d-block.d-lg-none{
    display: none !important;
  }
}

@media (max-width: 1132.98px){
  .header > .d-none.d-lg-block{
    display: none !important;
  }

  .header > .navbar.d-flex.d-lg-none{
    display: flex !important;
  }

  .menuMobile.d-block.d-lg-none{
    display: block !important;
  }

  .navbar.d-flex.d-lg-none.px-2.py-1.position-relative{
    padding: 0 1rem !important;
  }
}