/* ============================================
   ZHICAI Applications Page Styles — applications.css
   ============================================ */

/* --- Card Image Container --- */
.app-img-placeholder {
  width: 100%;
  aspect-ratio: 16/10;
  color: var(--color-kraft-dark);
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: var(--text-lg);
  opacity: 0.85;
  transition: transform var(--transition-slow);
}

.gallery-item:hover .app-img-placeholder {
  transform: scale(1.05);
}

/* --- Filter active button --- */
.filter-tabs {
  margin-bottom: var(--space-12);
  justify-content: center;
}

/* --- Gallery Item Filter Transitions --- */
.gallery-item {
  display: block;
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.25s ease, transform 0.25s ease;
}

.gallery-item.fade-out {
  opacity: 0;
  transform: scale(0.9);
}

.gallery-item.hidden {
  display: none !important;
}

.gallery-grid {
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}