/**
 * Minimal navbar fix
 * Only fixes the specific issues without extra overhead
 */

/* Fix navbar placement */
.navbar {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 1500 !important;
  background-color: rgba(15, 2, 32, 0.95) !important;
}

/* Fix mobile menu position - Positioned much lower */
@media (max-width: 991.98px) {
  .navbar-collapse {
    position: absolute !important;
    top: 125% !important; /* Position significantly lower than the navbar */
    left: 0 !important;
    right: 0 !important;
    z-index: 1400 !important; /* Below navbar */
    background-color: rgba(15, 2, 32, 0.95) !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2) !important; /* Add shadow for visual separation */
    border-radius: 0 0 8px 8px !important; /* Rounded corners on bottom */
    margin-top: 10px !important; /* Add a larger gap */
  }
  
  /* Adjust body padding to account for navbar height */
  body {
    padding-top: 90px !important; 
  }
  
  /* For home page with taller navbar */
  body.home-page {
    padding-top: 100px !important;
  }
}