/* Underline tabs */

.nav.nav-pills {
  border-bottom: 1px solid rgb(var(--grey-300));
  gap: 8px;
}

.nav.nav-pills .nav-link { position: relative; color: inherit; background: transparent !important; }
.nav.nav-pills .nav-link.anim-underline::after{ height: 3px; }

.nav.nav-pills .nav-link.active::after,
.nav.nav-pills .nav-link:hover::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: -1px;
  height: 3px; background: rgb(var(--color-primary));
  transition: transform var(--dur-fast) var(--easing);
  transform: scaleX(1);
}

.nav.nav-pills .nav-link.active { color: rgb(var(--color-navy)); background: transparent !important; }

/* Dark mode кнопки поиска - приглушенные с зеленоватым оттенком */
  .nav.nav-pills .nav-link {
    color: rgb(var(--grey-500));
    filter: saturate(0.6) brightness(0.85);
  }
  .nav.nav-pills .nav-link.active {
    color: rgb(var(--grey-300));
    filter: saturate(0.7) brightness(0.9);
  }
  .nav.nav-pills {
    border-bottom-color: rgb(var(--grey-800));
  }

/* Ocean wave transition when switching to Content tab */
#nav-tab.wave-activate {
  position: relative;
  overflow: hidden;
}

#nav-tab.wave-activate::before {
  content: "";
  position: absolute;
  inset: 0 0 -2px 0;
  background: linear-gradient(90deg, rgba(var(--color-primary), 0) 0%, rgba(var(--color-primary-hover), .28) 30%, rgba(var(--color-primary-hover), .55) 50%, rgba(var(--color-primary-hover), .28) 70%, rgba(var(--color-primary), 0) 100%);
  transform: translateX(-100%);
  animation: wave-sweep 1900ms var(--easing) both;
  pointer-events: none;
}

@keyframes wave-sweep {
  from { transform: translateX(-100%); opacity: .9; }
  60% { opacity: 1; }
  to { transform: translateX(100%); opacity: 0; }
}

/* Mobile responsive tabs */
@media (max-width: 575px) {
  .nav.nav-pills {
    gap: 4px;
    padding-bottom: 8px;
  }

  .nav.nav-pills .nav-link {
    font-size: 0.9rem;
    padding: 8px 12px;
  }

  /* Компактные результаты табов */
  #nav-tab .badge {
    font-size: 0.75rem;
    padding: 2px 6px;
  }
}