/* ================================================================
   filters.css — фильтры архивов (блог и портфолио)
   ================================================================ */

.portfolio-archive__filters,
.blog-archive__filters {
    display: flex;
    flex-direction: row;
    gap: 6.4px;
    align-items: stretch;
    flex-shrink: 0;
    flex-wrap: wrap;
}

.portfolio-filter__btn,
.blog-filter__btn {
    border: 1px solid rgba(148, 148, 148, 0.27);
    padding: 6px 12px;
    color: #949494;
    font-family: var(--text-button2-font-family);
    font-size: var(--text-button2-font-size);
    line-height: var(--text-button2-line-height);
    font-weight: var(--text-button2-font-weight);
    text-transform: uppercase;
    white-space: nowrap;
    display: flex;
    align-items: center;
    transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease;
}

.portfolio-filter__btn.is-active,
.blog-filter__btn.is-active {
    background: rgba(119, 130, 179, 0.05);
    border-color: #7782b3;
    color: #7782b3;
}

.portfolio-filter__btn:hover:not(.is-active),
.blog-filter__btn:hover:not(.is-active) {
    border-color: rgba(148, 148, 148, 0.6);
    color: var(--text);
}