/* navigation_container_fix.css - Minimal fixes using Bootstrap utilities */

/* Fix brand visibility */
.navbar-brand {
  color: #0d6efd !important; /* Bootstrap primary blue */
  text-decoration: none;
  font-weight: 600;
}

.navbar-brand:hover {
  color: #0b5ed7 !important; /* Darker blue on hover */
  text-decoration: none;
}

/* Fix dropdown positioning - desktop */
@media (min-width: 992px) {
  .navbar-nav .dropdown-menu {
    position: absolute;
    left: 0;  /* Align with parent item */
    right: auto;
    margin-top: 0.125rem;
    z-index: 1050;
  }
}

/* Fix mobile menu container */
@media (max-width: 991.98px) {
  .navbar-collapse {
    position: absolute;
    top: 100%;
    right: 15px;
    left: auto;
    width: 280px;
    background: white;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 0.375rem;
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15);
    margin-top: 0.5rem;
    z-index: 1050;
  }
  
  .navbar-nav {
    padding: 0.5rem 0;
  }
  
  .navbar-nav .nav-link {
    padding: 0.5rem 1rem;
    border-bottom: 1px solid rgba(0,0,0,.05);
  }
  
  .navbar-nav .nav-link:last-child {
    border-bottom: none;
  }
}

/* Ensure proper navbar background */
.navbar {
  /* background-color: #f8f9fa !important; */ /* Bootstrap light background */
  border-bottom: 1px solid #dee2e6;
}

/* Fix navbar toggler for light background */
.navbar-toggler {
  border: 1px solid rgba(0,0,0,.1);
}

.navbar-toggler:focus {
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}