/* ==========================================================================
   portfolio.css
   تنسيقات خاصة بصفحة "أعمالنا" — أزرار الفلترة وشبكة المشاريع
   ========================================================================== */

.filter-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
}

.filter-btn {
  border-radius: 999px;
  padding: 0.5rem 1.1rem;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--color-muted);
  transition: color var(--transition-fast), background var(--transition-fast);
}

.filter-btn:hover {
  color: var(--color-navy);
}

.filter-btn.is-active {
  background: var(--color-yellow);
  color: var(--color-navy);
}

.portfolio-grid {
  margin-top: 3rem;
}

/* عنصر مخفي بواسطة الفلتر */
.portfolio-card.is-hidden {
  display: none;
}