/*
 * NovaFolio – Portfolio Filter Fluidity Layer
 * Keeps the existing design while smoothing perceived response time on filter clicks.
 */

[data-nvf-portfolio-grid].is-filter-loading {
  opacity: 0.72;
  transition: opacity 180ms ease;
}

[data-nvf-portfolio-grid] {
  transition: opacity 180ms ease;
}

[data-nvf-portfolio-filter].is-filter-busy .nvf-portfolio-filter-item {
  pointer-events: none;
}

[data-nvf-portfolio-filter].is-filter-busy .nvf-portfolio-filter-item.is-active {
  opacity: 0.92;
}

@media (prefers-reduced-motion: reduce) {
  [data-nvf-portfolio-grid],
  [data-nvf-portfolio-grid].is-filter-loading {
    transition: none !important;
  }
}