body {
  padding-top: 70px;
}

/* Hamburger menu fix for mobile - ensure Bootstrap toggle works */
.navbar-toggle {
  border: 1px solid #ddd;
  background-color: #fff;
  padding: 9px 10px;
  position: relative;
}

.navbar-toggle:hover,
.navbar-toggle:focus {
  background-color: #e8e8e8;
  outline: 0;
}

.navbar-toggle .icon-bar {
  background-color: #888;
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
  margin: 3px 0;
}

/* Bootstrap 3 collapse functionality */
.navbar-collapse {
  overflow-y: visible !important;
}

.navbar-collapse.collapse {
  display: none;
}

.navbar-collapse.collapse.in,
.navbar-collapse.collapsing {
  display: block !important;
}

/* Mobile navbar adjustments */
@media (max-width: 767px) {
  .navbar-fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
  }

  .navbar-collapse {
    max-height: calc(100vh - 51px);
    overflow-y: auto;
    border-top: 1px solid #e5e5e5;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  }
  
  .navbar-collapse.collapse {
    display: none !important;
  }
  
  .navbar-collapse.in {
    display: block !important;
  }
}