/* Portfolio Filter Buttons - Modern Design
   Primary styles now in modern-portfolio.css */

.filter-buttons {
    /* Primary styles in modern-portfolio.css */
}

.filter-btn {
    /* Primary styles in modern-portfolio.css */
}

.filter-btn:hover {
    /* Primary styles in modern-portfolio.css */
}

.filter-btn:focus {
    /* Primary styles in modern-portfolio.css */
}

.filter-btn.active {
    /* Primary styles in modern-portfolio.css */
}

.portfolio-item {
    /* Primary styles in modern-portfolio.css */
}

.portfolio-item.hide {
    /* Primary styles in modern-portfolio.css */
}

.portfolio-item.show {
    /* Primary styles in modern-portfolio.css */
}

/* Keyboard navigation support */
.filter-btn:focus-visible {
    outline: 2px solid #ffbd39;
    outline-offset: 2px;
}

/* Additional accessibility for screen readers */
.filter-btn[aria-pressed="true"] {
    position: relative;
}

.filter-btn[aria-pressed="true"]::after {
    content: ' (active)';
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
}