/* Portfolio filter tabs (shared across explore / suggested-portfolio sections). */

/* Dark section shell — landing/home explore blocks only (not light suggested-portfolio). */
.explore-investment-portfolio:not(.suggested-portfolio) {
  background: var(--Grey-900, #101828);
}

.explore-investment-portfolio:not(.suggested-portfolio) .nav-pills,
.suggested-portfolio.bg_colo_overlay .nav-pills {
  padding: var(--space-component-sm) var(--space-3);
  width: max-content;
  background: var(--Grey-700, #344054);
  border-radius: 16px;
}

.explore-investment-portfolio:not(.suggested-portfolio) .nav-pills .nav-link:not(.active),
.suggested-portfolio.bg_colo_overlay .nav-pills .nav-link:not(.active) {
  font-size: var(--text-body-lg);
  line-height: 24px;
  color: var(--text-on-dark-muted, #D0D5DD);
  background-color: transparent;
  padding: var(--space-component-sm) var(--space-component-lg);
}

.explore-investment-portfolio:not(.suggested-portfolio) .nav-pills .nav-link.active,
.explore-investment-portfolio:not(.suggested-portfolio) .nav-pills .show > .nav-link,
.suggested-portfolio.bg_colo_overlay .nav-pills .nav-link.active,
.suggested-portfolio.bg_colo_overlay .nav-pills .show > .nav-link {
  color: #101828;
  background-color: var(--white, #fff);
  border-radius: 10px;
  padding: var(--space-component-sm) var(--space-component-lg);
}

.explore-investment-portfolio:not(.suggested-portfolio) .nav-item,
.suggested-portfolio.bg_colo_overlay .nav-item {
  display: flex;
  justify-content: center;
  align-items: center;
}