/* widgets/communities/nav/nav.css
 * Стабільна навігація. Токени --n-*. Active = coral нижній маркер. Mobile — горизонтальний скрол. */

.community-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--n-s-4);
    border-bottom: 1px solid var(--n-line);
    margin: 0 0 var(--n-s-5);
    padding: 0 var(--n-s-1);
}

.community-nav__list {
    display: flex;
    align-items: stretch;
    gap: 2px;
    list-style: none;
    margin: 0;
    padding: 0;
    min-width: 0;
    overflow-x: auto;
    scrollbar-width: none;
}
.community-nav__list::-webkit-scrollbar { display: none; }

.community-nav__item { flex: none; }
.community-nav__link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: var(--n-s-3) var(--n-s-3);
    color: var(--n-text-mute);
    text-decoration: none;
    font-weight: var(--n-w-med);
    font-size: var(--n-fs);
    white-space: nowrap;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
    transition: color var(--n-dur-fast) var(--n-ease), border-color var(--n-dur-fast) var(--n-ease);
}
.community-nav__link:hover { color: var(--n-text); }
.community-nav__item.is-active .community-nav__link {
    color: var(--n-text-strong, var(--n-text));
    font-weight: var(--n-w-sem);
    border-bottom-color: var(--n-accent);
}
.community-nav__item.is-disabled .community-nav__link {
    color: var(--n-text-dim);
    cursor: default;
    opacity: .7;
}

.community-nav__badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: var(--n-r-pill);
    background: var(--n-accent);
    color: var(--n-text-on-accent);
    font-size: 11px;
    font-weight: var(--n-w-sem);
    line-height: 1;
    font-variant-numeric: tabular-nums;
}
.community-nav__badge--warn { background: var(--n-warn, #c9881e); color: var(--n-text-on-warn, #1a1208); }

.community-nav__manage {
    flex: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px var(--n-s-3);
    border: 1px solid var(--n-line-strong);
    border-radius: var(--n-r-sm);
    color: var(--n-text-soft);
    text-decoration: none;
    font-weight: var(--n-w-med);
    font-size: var(--n-fs-sm);
    white-space: nowrap;
    transition: border-color var(--n-dur-fast) var(--n-ease), color var(--n-dur-fast) var(--n-ease);
}
.community-nav__manage:hover { border-color: var(--n-accent-border); color: var(--n-text); }
.community-nav__manage svg { display: block; opacity: .8; }

@media (max-width: 640px) {
    .community-nav { gap: var(--n-s-2); }
    .community-nav__manage span { display: none; }
    .community-nav__manage { padding: 7px 9px; }
}

@media (prefers-reduced-motion: reduce) {
    .community-nav__link, .community-nav__manage { transition: none; }
}