/* ===== ITEM CARD STYLES ===== */
/* Grid container for browse items - ensures consistent card sizing */
.browse-items .features-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: var(--space-8);
  justify-content: center;
  grid-auto-rows: 1fr;
  max-width: 100%;
}

/* Media query to ensure we have at most 3 columns on larger screens */
@media (min-width: 1200px) {
  .browse-items .features-grid {
    grid-template-columns: repeat(3, minmax(300px, 1fr));
  }
}

.item-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  max-width: 100%;
  transition: transform var(--transition-normal), box-shadow var(--transition-normal);
}

.item-card:hover {
  transform: translateY(-5px);
  box-shadow: var(--shadow-lg);
}

.item-card .card__image {
  height: 200px;
  object-fit: cover;
  border-top-left-radius: var(--border-radius-md);
  border-top-right-radius: var(--border-radius-md);
}

.item-card .card__content {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.item-card .card__title {
  font-size: var(--font-size-lg);
  margin-bottom: var(--space-2);
  color: var(--neutral-800);
}

.item-card .card__text {
  color: var(--neutral-600);
  margin-bottom: var(--space-3);
  flex: 1;
}

.item-card .badge {
  font-size: var(--font-size-xs);
  font-weight: 500;
  padding: var(--space-1) var(--space-2);
  border-radius: var(--border-radius-full);
  display: inline-flex;
  align-items: center;
}

.badge-success {
  background-color: rgba(56, 161, 105, 0.15);
  color: var(--success);
}

.badge-warning {
  background-color: rgba(236, 201, 75, 0.15);
  color: #B7791F;
}

.badge-danger {
  background-color: rgba(229, 62, 62, 0.15);
  color: var(--danger);
}

.badge-primary {
  background-color: rgba(66, 153, 225, 0.15);
  color: var(--primary);
}