/* CSS Document */
/* Stronger active look across sizes */
.navbar .nav-link.active,
.navbar .dropdown-item.active {
  color: var(--bs-primary) !important;
  background: rgba(var(--bs-primary-rgb), .12) !important;
  border-color: rgba(var(--bs-primary-rgb), .35) !important;
}

/* Mobile: turn items into separated cards */
@media (max-width: 576px) {
  #navbarCategoryCollapse .navbar-nav {
    gap: .75rem; /* space between items */
  }
  #navbarCategoryCollapse .nav-link {
    display: block;
    padding: .875rem 1rem;
    border: 1px solid var(--bs-border-color);
    border-radius: .75rem;
    background: var(--bs-body-bg);
    text-align: left; /* looks cleaner in the drawer */
  }
  #navbarCategoryCollapse .nav-link:hover {
    background: rgba(var(--bs-primary-rgb), .06);
  }
  #navbarCategoryCollapse .nav-link.active {
    background: rgba(var(--bs-primary-rgb), .15);
    border-color: rgba(var(--bs-primary-rgb), .45);
  }

  /* Language & search dropdowns look like distinct sections */
  #navbarCategoryCollapse .dropdown-menu {
    border-radius: .75rem;
    padding: .25rem 0;
  }
  #navbarCategoryCollapse .dropdown-item {
    padding: .75rem 1rem;
  }
  #navbarCategoryCollapse .dropdown-item + .dropdown-item {
    border-top: 1px solid var(--bs-border-color);
  }
}