.top-icons svg {
  width: 2rem;
  height: 2rem;
}

.fill-primary {
  fill: var(--primary);
}

a:hover .fill-primary {
  fill: #355991;
}

.category-link img {
  opacity: 0.75;
  transition: opacity 0.3s;
}

.category-link:hover img {
  opacity: 1;
}

.btn-outline-light, .btn-outline-primary {
  border-width: 2px !important;
}

.rounded-xl {
  border-radius: 0.75rem;
}

.rounded-lg {
  border-radius: 0.5rem !important;
}

.sub-category:before, .sub-category:after {
  display: none;
}

nav.category-nav .nav-link.active {
  background: none !important;
  color: var(--primary) !important;
  font-weight: bold;
}

nav.category-nav .category-container:has(.sub-category.active)>.nav-link.category {
  background: none !important;
  color: var(--primary) !important;
  font-weight: bold;
}

nav.category-nav .nav-link {
  padding: 0.75rem 1rem;
}

nav.category-nav .category-container {
  border-top: 1px solid #ddd;
}

nav.category-nav .category-container:first-child {
  border-top: 0;
  margin-top: 0;
}