/* Ensure navbar is visible - override any template CSS */
body > .frontend-navbar,
body > nav.frontend-navbar {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 1030 !important;
  width: 100% !important;
}

.frontend-navbar.navbar {
  background-color: #fff !important;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.frontend-navbar .navbar-nav {
  display: flex !important;
  visibility: visible !important;
}

.frontend-navbar .navbar-nav .nav-link {
  color: #495057 !important;
  padding: 0.5rem 1rem !important;
  display: block !important;
}

.frontend-navbar .navbar-nav .nav-link:hover,
.frontend-navbar .navbar-nav .nav-link.active {
  color: var(--bs-primary) !important;
}

.frontend-navbar .navbar-brand {
  display: inline-block !important;
  visibility: visible !important;
}

/* Navbar toggler - hidden on desktop, visible on mobile */
.frontend-navbar .navbar-toggler {
  display: none !important; /* Hidden by default (mobile-first) */
}

@media (max-width: 991.98px) {
  .frontend-navbar .navbar-toggler {
    display: block !important; /* Show on mobile */
  }
}

.frontend-navbar .navbar-collapse {
  display: none !important;
}

.frontend-navbar .navbar-collapse.show,
.frontend-navbar .navbar-collapse.collapsing {
  display: flex !important;
}

@media (min-width: 992px) {
  .frontend-navbar .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
}

/* Reduce space between navbar and content - khusus untuk master-frontend */
body > nav.frontend-navbar + main.main-content {
  margin-top: 10px !important;
  padding-top: 0 !important;
}

body > nav.frontend-navbar + main.main-content > .page-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}