/* Вкладки разделов — 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);
}

/* Чистый цвет ссылки на фоне страницы светлой темы давал 4,07:1; примесь цвета текста поднимает его выше 4,5:1. */
.portal-tabs .mud-tab.mud-tab-active {
  color: color-mix(in srgb, var(--link) 75%, var(--text-primary));
  font-weight: 600;
}

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

@media (max-width: 599.98px) {
  /* Как вкладки профиля на телефоне: все видны сразу — равной ширины, иконка над короткой подписью. */
  .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;
    /* Длинная подпись («Черновики и отложенные» на 320 px) переносится, а не обрезается. */
    white-space: normal;
    text-align: center;
  }

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