/*
 * override.css
 *
 * main.min.css memperluas Bootstrap 3 dengan breakpoint XL (>=1600px).
 * Di breakpoint XL, logika hidden-lg DIBALIK: .hidden-lg { display: block !important }
 * Akibatnya tombol hamburger (#menu-toggle) yang punya class hidden-md hidden-lg
 * muncul kembali di >=1600px dan mendorong teks "Edubox" ke baris bawahnya.
 *
 * Fix: paksa #menu-toggle tersembunyi di semua lebar desktop (>=992px),
 * termasuk XL (>=1600px), XXL (>=1920px), dan XXXL (>=2560px).
 */
@media (min-width: 992px) {
  .navbar-pn .navbar-brand #menu-toggle {
    display: none !important;
  }
  .navbar-pn .navbar-brand {
    overflow: hidden;
  }
  .navbar-pn .navbar-brand .brand-primary {
    white-space: nowrap;
    overflow: hidden;
  }
  .navbar-pn .navbar-brand .brand-secondary {
    white-space: nowrap;
    overflow: hidden;
  }
}