/* Responsive Styles */

/* Mobile Menu */
@media (max-width: 991.98px) {
  .navbar-collapse {
    background-color: var(--bs-mobile-backgroundcolor);
    margin-top: 1rem;
    padding: 1rem;
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
  }

  .navbar-nav .nav-link {
    color: var(--bs-mobile-menu-link-color);
    text-align: center;
    padding: 0.75rem 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }

  .navbar-nav .nav-link:last-child {
    border-bottom: none;
  }

  .navbar-nav .nav-link.active {
    color: var(--bs-mobile-menu-active-link-color);
  }
}