/* Вкладки разделов — MudTabs с общим видом вкладок профиля (.pf-mud-tabs): каталоги, разделы сообщества
   и мероприятия, вкладки-страницы (PortalLinkTabs). Модуль добавляет свой класс, если ему нужно отличие. */
.portal-tabs .mud-tabs-tabbar {
  background: transparent;
  border-bottom: 1px solid var(--border);
}

.portal-tabs .mud-tab {
  min-height: 48px;
  color: var(--text-muted);
}

.portal-tabs .mud-tab.mud-tab-active {
  color: var(--link);
  font-weight: 600;
}

.portal-tabs .mud-tab-slider {
  background: var(--highlight);
}

@media (max-width: 768px) {
  /* Как вкладки профиля на телефоне: все видны сразу — равной ширины, иконка над короткой подписью. */
  .portal-tabs .mud-tabs-tabbar-wrapper {
    width: 100%;
    transform: none !important;
  }

  .portal-tabs .mud-tabs-tabbar-wrapper > .mud-tooltip-root,
  .portal-tabs .mud-tab {
    flex: 1 1 0;
    min-width: 0;
  }

  .portal-tabs .mud-tabs-scroll-button {
    display: none;
  }

  .portal-tabs .mud-tab {
    min-height: 64px;
    padding: 8px 0;
    flex-direction: column;
    gap: 4px;
    font-size: 12px;
    line-height: 1.3;
    white-space: nowrap;
  }

  .portal-tabs .mud-tab .mud-icon-root {
    display: block;
    font-size: 20px;
    margin: 0;
  }
}